css权重
!important Infinity(正无穷)
行间样式 1000
id 100
class | 属性 | 伪类 10
标签 | 伪元素 1
通配符(*) 0
注意:
1、权重计算进制为16进制
2、标签执行哪一条css样式由css权重相加的大小比较决定,如:
执行结果为:
为什么下面的没有覆盖上面的,就是因为上面的权重和大于下面的权重和。
3、css的正无穷是可以相加的
执行结果为:
伪类和伪元素相关知识:https://www.jianshu.com/p/996d021bced3