idやclassなどと比べて 「>」や「:first-of-type」[class*="_hoge"]などはどれくらい強いのですか？

Question

idやclssやhtmlなどの強さを表すときに

• id = 100
• class = 10
• html = 1

と説明しているサイトがあったりします。
この場合

＃a .b 　= 110の強さ
.b .c　　= 20の強さ
.b .c .d　= 30の強さ

という認識になりますが、
下記の場合の強さはそれぞれいくつになるのでしょうか。

>　　　　　　　　　　=　
:first-of-type　　 =
[class*="_hoge"]　 =
[id*="_hoge"]　　　=

.b > .c　　　　　　　　 = 
[class*="_hoge"] .e　　=
.b>div>p:first-of-type　=

ネットで調べてみても、[class*="_hoge"]や:first-of-typeなどの
強さを説明しているサイトを見つけることができず、
実際に検証してみても
「.b>div>p:first-of-type」より「.b .c」の方が弱かったりするので、よく分かりません。

ご存じの方ご教授をお願いいたします。

Answer 1

「強さ」は、正確には詳細度といいます。また、10個集めても桁上がりはしません。

• >…これ自体は詳細度の計算には入りません。x yとx > yで同じ詳細度です。
• [class*="_hoge"]や[id*="_hoge"]のような属性値を見るセレクタ、:first-of-typeのような擬似クラスは、クラスセレクタと同じ詳細度です（idについても特別視はされません）。

詳細度 - MDN

Comments

[kusaka00]

とても速い回答ありがとうございます。
とても分かりやすく、今までのモヤモヤがなくなりました！