css中specificity的作用是什么

❞  

css specificity 即 css 中关于选择器的权重，以下三种类型的选择器依次下降

1. id 选择器，如     #app
2. class、     attribute 与     pseudo-classes 选择器，如     .header、     [type="radio"] 与     :hover
3. type 标签选择器，如     h2 和     p

其中通配符选择器 *，组合选择器 + ~ >，否定伪类选择器 :not() 对优先级无影响

另有内联样式 <div class="foo" ></div> 及 !important(最高) 具有更高的权重

❝  

:not 的优先级影响 - codepen 可以看出 :not 对选择器的优先级无任何影响

❞