0

HTML

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#" class="active">About</a></li>
</ul>

CSS

ul li:nth-child(even) a {
    text-shadow: 1px 1px 1px red;
}

.active {
    text-shadow: none;
}

そして、2番目のリストアイテムにはまだ影があります。なぜ？

4

1 に答える 1

4

13これは特異性の問題です。最初のルールは、2番目のルール（1つのクラスのみ、要素なし:)よりも大きな特異性（1つの疑似クラスと3つの要素として計算される:)を持っているため、勝ちます：10代わりに書く必要があります

ul li:nth-child(even) a.active {
   text-shadow: none;
}

または-一般的に-。以上の特異性を持つその他の有効なルール13。

2番目のセレクターを変更できない場合は!important、プロパティに適用されたものを使用できますが、その使用は可能な限り制限する必要があります。

詳細については、以下も参照してください。

于 2013-01-28T12:52:12.700 に答える