css选择器及权重

css选择器及权重

  1.id选择器
    #first 选择id="first" 的所有元素
    
  2.类选择器
    .first 选择class="first"的所有元素
    
  3.属性选择器
    [target] 选择带有 target 属性所有元素。
  4.标签选择器
    p 选择所有p标签
  5.通配符选择器
    * 选择所有元素


css选择器权重(256进制)
!important               无穷大
行间样式                  1000
id选择器                  100
类选择器|属性选择器|伪类    10
标签选择器|伪元素           1
通配符选择器                0

伪类：



伪元素：

为什么不建议使用!important?

因为 !important 很重要的一点是，他改变了CSS的层叠规则！
一旦使用了绝对权力的 !important ，层叠顺序就会乱了套，在大型项目中往往会出现很多不可预期的错误。