CSS セレクターの優先順位/特異性のデコード

Question

CSS セレクターがプロパティの競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか?

リーリー リーリー

セレクターの優先順位はどのように機能しますか?

Answer 1

順番に、1 が最も低い特異性、5 が最も高い特異性です。 https://youtu.be/NqDb9GfMXuo デモの詳細が表示されます。

Answer 2

CSS 2.1 仕様自体へのリンクと、ブラウザ が特異性を計算する方法 を追加します。

CSS 2.1 セクション 6.4.3:

プロパティが同じ場合、

CSS 2.1 セクション 6.4.1 が機能します: < /a>

ここで説明するのはスタイル定義時であり、使用時ではないことに注意してください。クラス

.a と .b の詳細性が同じ場合、スタイル シートで最後に定義されたものが優先されます。 ...

と ...

は、.a と に基づく同じスタイルを持ちます。 b定義の順序。