CSS セレクターがプロパティの競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか?
セレクターの優先順位はどのように機能しますか?
順番に、1 が最も低い特異性、5 が最も高い特異性です。 https://youtu.be/NqDb9GfMXuo デモの詳細が表示されます。
CSS 2.1 仕様自体へのリンクと、ブラウザ が特異性を計算する方法 を追加します。
CSS 2.1 セクション 6.4.3:
CSS 2.1 セクション 6.4.1 が機能します:
.a と .b の詳細性が同じ場合、スタイル シートで最後に定義されたものが優先されます。 ... と ... は、.a と に基づく同じスタイルを持ちます。 b定義の順序。
と
の詳細性が同じ場合、スタイル シートで最後に定義されたものが優先されます。
... と
... は、
定義の順序。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
順番に、1 が最も低い特異性、5 が最も高い特異性です。 https://youtu.be/NqDb9GfMXuo デモの詳細が表示されます。
CSS 2.1 仕様自体へのリンクと、ブラウザ が特異性を計算する方法 を追加します。
CSS 2.1 セクション 6.4.3:
プロパティが同じ場合、CSS 2.1 セクション 6.4.1 が機能します:
ここで説明するのはスタイル定義時であり、使用時ではないことに注意してください。クラス.a
と.bの詳細性が同じ場合、スタイル シートで最後に定義されたものが優先されます。... と... は、.aとに基づく同じスタイルを持ちます。 b定義の順序。