深入css权重计算

- 1.千位:如果是内联样式,记为1,否则为0
- 2.百位:等于选择器中所有id选择器的数量
- 3.十位:等于选择器中所有类选择器,属性选择器,伪类选择器的数量
- 4.个位:等于选择器中所有元素(标签)选择器,伪元素选择器的数量
- 5.通配符选择器为0
 

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

## css权重(256进制,多个直接进进行相加(派生选择器/父子选择器))
!important(Infinity)>行间样式(1000)>id(100)>class|属性|伪类(10)>标签选择器|伪元素(1)>通配符(0)

你可能感兴趣的:(━═━═━◥,前端,◤━═━═━)