スタイルシートの優先順位について

質問

以下のスタイルシートですが(1)の方が優先順位は高いと思いますが、
正確な獲得ポイントがわかりません。

(2)は 11ポイントと思いますが(1)は何獲得ポイントでしょうか？

table.test td { /* (1) */
color: red;
}

.test td { /* (2) */
color: blue;
}

ＣＳＳの優先順位や獲得ポイントについての本家のサイトはあるのでしょうか？

回答No.3

himajin100000

またミスってるorz
>type属性の優先度
style属性の優先度

回答No.2

himajin100000

ミスった。

(2)は
CSS3の基準で
IDセレクタは0個
クラスセレクタは1個
タイプセレクタは1個

回答No.1

himajin100000

>本家

CSS 2.1(type属性の優先度についても記述されており，CSS3から引用されている)
http://www.w3.org/TR/CSS2/cascade.html#cascade

CSS 3
http://www.w3.org/TR/css3-selectors/#specificity
http://www.w3.org/TR/css3-cascade/#cascading
http://www.w3.org/TR/css3-cascade/#inheritance
http://www.w3.org/TR/css3-cascade/#initial0
http://www.w3.org/TR/css3-cascade/#computing

(1)
CSS3の基準で
IDセレクタは0個
クラスセレクタは1個
タイプセレクタは2個

ですね
(2)は
CSS3の基準で
IDセレクタは0個
クラスセレクタは1個
タイプセレクタは0個

なので(1)の方が優先度が高いです。

CSS3の仕様でも何故か
specificity = 101
とか書いてありますが(笑)

>in a number system with a large base
各桁の上限が10じゃないので

当然ながらクラスセレクタが11個あっても，IDセレクタ1個に勝てません。念のため。