美文网首页
2018-11-07     css选择器权重的计算

2018-11-07     css选择器权重的计算

作者: 想写点文章的jyz | 来源:发表于2020-05-27 10:52 被阅读0次

今天看了一下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

相关文章

网友评论

      本文标题:2018-11-07     css选择器权重的计算

      本文链接:https://www.haomeiwen.com/subject/vxfvxqtx.html