css中specificity的作用是什么

css中specificity的作用是什么，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

❞

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

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

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

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

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

看完上述内容，你们掌握css中specificity的作用是什么的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注行业资讯频道，感谢各位的阅读！