セレクタ | XHTML | CSS | 点数 |
---|---|---|---|
id | <div id=“”> | # { … } | 100点 |
class | <div class=“”> | .{ … } | 10点 |
要素(h1, p, など) | <h1=“”> | h1 { … } | 1点 |
* | <html=“”> | * { … } | 0点 |
2009年8月30日日曜日
セレクタの個別性の点数
子孫セレクタには個別性 (specificity)がおのずと高くなるというメリットがあります。たとえば「li.items」は11ポイントですが、 「ul#globalnav li」となると102ポイントになります。個別性が高いとスタイルがバッティングした場合でも優先的に適用されることで、作業時の混乱を防ぐことができま す。