1つのクラスにのみCSSを適用するには？

Question

CSS

#inchannel li{ 
      width:179px; 
      height:40px; 
      margin:0px 0px 0px 0px; 
      padding:0px 0px 0px 0px; 
      font-size:17px; 
      color:#999999; 
      background:url(img/green.png) no-repeat 8% 50%,url(img/back_line.png); 

     } 

     .ichn0{ 
      width:179px; 
      height:123px; 
      margin:0px 0px 0px 0px; 
      padding:0px 0px 0px 0px; 
      font-size:17px; 
      color:#999999; 
      background:url(img/green.png) no-repeat 8% 18%,url(img/log_in_body.png),url(img/invite_button.png) no-repeat 60% 60%; 

     } 

htmlが

<ul id="accordion"> 

<li> 
    <a href="#" class="item category" rel="category"></a> 
    <ul id="inchannel"> 
    <li class="ichn0"><img src="facebook/41403_1434825607_37944358_q.jpg"></li> 
     <li><img src="facebook/48983_615523712_8495_q.jpg"></li> 
     <li><img src="facebook/41621_717814907_4472_q.jpg"></li> 
    </ul> 
</li> 

</ul> 

私は一クラス上のCSSを適用したいが、それはinchannel CSSがすべてカバーのようにそれはそう一つのクラスには適用されません。 どのクラスからでも、1つのクラスにのみCSSを適用する方法を教えていただけますか？ 何か考えましたか？ ありがとうございます。

Answer 1

より高い特異性を利用

#inchannel li.ichn0{ 
     width:179px; 
     height:123px; 
     margin:0px 0px 0px 0px; 
     padding:0px 0px 0px 0px; 
     font-size:17px; 
     color:#999999; 
     background:url(img/green.png) no-repeat 8% 18%,url(img/log_in_body.png),url(img/invite_button.png) no-repeat 60% 60%; 

    } 

Answer 2

#inchannel liは、クラス.ichno THAM specificity多くを持っています。

これに対処するにはいくつかの方法があります。

• 追加！.ichn0

の性質に重要なあなたはスクリーンリーダーのようなもののために使用されている。このようなユーザースタイルシートを上書きすることができるので、これは

など、悪い習慣です
• 最初のliにIDを追加します。

これは問題ではありませんが、私は個人的にはこれを行う方法ではありません。

• #inchannel：第一子

これは、私はそれについて移動する方法をです。私の目では、これは複数のページにわたって維持するのが最も簡単です。

• per damenの答えを追加します。

この方法でも何も問題はありません。私は単なる詐欺師です：擬似セレクタ。

Answer 3

• #inchannel li —あなたのケースで#inchannel要素（それらのすべて、内部のすべてのliの要素に適用されます。

• .ichn0 —かかわらず、彼らは内側何であるかの要素の、ichn0クラスでli要素に適用されます。これらのうちの1つしかありません。

最初のi CSSを.ichn0よりも先に受けているのは、CSS specificityです。 #inchannel liセレクタは、より具体的なものであるため、あまり具体的でない.ichn0設定を上書きします。

変更する.ichn0〜#inchannel li.ichn0に問題を解決する必要があります。