Html 使用伪类计算CSS选择器特定性时出错
我正在阅读一篇关于MDN的文章,遇到了以下片段:Html 使用伪类计算CSS选择器特定性时出错,html,css,pseudo-class,css-specificity,Html,Css,Pseudo Class,Css Specificity,我正在阅读一篇关于MDN的文章,遇到了以下片段: /* weight: 0015 */ div div li:nth-child(2) a:hover { border: 10px solid black; } 我的问题是:为什么这个规则的特殊性是0015,而不是0024 我认为整个选择器包含2个伪类选择器(:n个子类(2)和:hover)和4个元素选择器(div,div,li和a),因此它的特异性应该是0024 我哪里错了?你没有错。这个例子有一个错误,但是
/* weight: 0015 */
div div li:nth-child(2) a:hover {
border: 10px solid black;
}
我的问题是:为什么这个规则的特殊性是0015,而不是0024
我认为整个选择器包含2个伪类选择器(:n个子类(2)
和:hover
)和4个元素选择器(div
,div
,li
和a
),因此它的特异性应该是0024
我哪里错了?你没有错。这个例子有一个错误,但是