css权重计算

2,534 阅读1分钟
  • 1.千位:如果是内联样式,记为1,否则为0

  • 2.百位:等于选择器中所有id选择器的数量

  • 3.十位:等于选择器中所有类选择器,属性选择器,伪类选择器的数量

  • 4.个位:等于选择器中所有元素(标签)选择器,伪元素选择器的数量

  • 5.通配符选择器为0

    也就是说权重计算可以初始为0000,按照上述规则,每存在一个选择器便在该位上加一,但是进制是256进制,也就是说,10个低一级的选择器权重和仍然低于一个高一级的选择器的权重,直到低一级选择器的数量达到256个时,权重才和一个高一级的选择器的权重相同。

css权重(256进制,多个直接进进行相加(派生选择器/父子选择器))

!important(Infinity)>行间样式(1000)>id(100)>class|属性|伪类(10)>标签选择器|伪元素(1)>通配符(0)