ホームページ >ウェブフロントエンド >htmlチュートリアル >セレクタの優先度-:link pseudo-class_html/css_WEB-ITnose
質問: 次の構造の A タグ内のフォントの色を指定してください。
a{ color:#ccc}/* グレー*/
.alink a{color:#F60}/* オレンジ*/
h1 a{color:#F00}/* レッド* /
a:link{color:#009}/* ブルー*/
div h1 a{ color:#000}/* ブラック*/
div>
正解: blue
実際、検証方法は非常に簡単で、実行すればわかります。
.alink a と a:link は実際には同じ優先度を持ち、どちらを後で定義しても、どちらの色が表示されます。集団戦: 人数が多ければ多いほど強力ですが、たとえ小規模であっても、大きなボスほど優れているわけではありません。
つまり、最初にセレクターの数を数えます。セレクターの数が同じであれば、より多くのセレクターがあるスタイルの方が優先されます。タグセレクター 、これはクラスまたは ID セレクターほど優れていません。