今天看了一下w3c,颠覆了我对之前网上权重的计算规则看法,以下简单做些翻译:
选择器权重的计算规则:
1、ID选择器的数量=a
2、类选择器+属性选择器+伪类的数量=b
3、元素+伪元素的数量=c
4、忽略通用选择器,忽略否定伪类选择器本身(定伪类选择器中(括号中)选择器不要忽略)
5、在否定伪类选择器中的选择器计算方法如上,但是否定伪类选择器本身不能当作伪类计算。如图中最后一个例子::not()不计算,Foo计算
6、abc连接起来就是最后的特异性值
参考参考文献:https://www.w3.org/TR/2018/REC-selectors-3-20181106/#specificity
参考文献:https://www.w3.org/TR/2018/REC-selectors-3-20181106/#specificity
网友评论