<html>
要素と要素にスタイルを適用します<body>
。<html>
要素のスタイルを のスタイルに適用することは可能<body
ですか?
CSS を に適用すること<html>
は、CSS 固有の通常のルールに従っていないようです。これは本当ですか?
すべての背景色を赤にするようにしてください。
<html>
要素と要素にスタイルを適用します<body>
。<html>
要素のスタイルを のスタイルに適用することは可能<body
ですか?
CSS を に適用すること<html>
は、CSS 固有の通常のルールに従っていないようです。これは本当ですか?
すべての背景色を赤にするようにしてください。
特異性の計算
ネストされたセレクターのグループの実際の特異性には、計算が必要です。基本的に、すべての ID セレクター (「#whatever」) に値 100、すべてのクラス セレクター (「.whatever」) に値 10、すべての HTML セレクター (「whatever」) に値 1 を指定します。次に、それらすべてを追加します。早速、特異性の値があります。
p
特異性は 1 です (1 つの HTML セレクター)
div p
特異性は 2 です (2 つの HTML セレクター、1+1)。
.tree
10の特異性を持っています(1つのクラスセレクター)
div p.tree
特異性は 12 (2 つの HTML セレクター + 1 つのクラス セレクター、1+1+10) です。
#baobab
特異性は 100 です (1 つの ID セレクター)
body #content .alternative p
特異性は 112 です (HTML セレクター + id セレクター + クラス セレクター + HTML セレクター、1+100+10+1)
したがって、これらの例をすべて使用した場合、div p.tree (特異度 12) は div p (特異度 2) よりも優先され、 body #content .alternative p はそれらすべてに対して優先されます。オーダー。