这些权重值都是浏览器内核里面真实存在的
!important
权重值:Infinity行间样式 权重值:1000
Id 权重值:100
Class|属性|伪类 权重值:10
标签选择器|伪元素 权重值:1
通配符 权重值:0
而权重值 是256进制,比如下面有四位
0 0 0 0
255+1
才会有0010的一个状态
这些位数的值会根据选择器的数量相应增加。如果有多个选择器,它们的权重值将通过相应位数的累加来计算。所以,如果有多个Id选择器,它们的权重值会增加到1000
的基础上,以此类推。
权重值用于确定哪些样式规则应该应用到元素上,当多个规则具有相同的权重时,后面的规则会覆盖前面的规则,除非其中某个规则带有!important
标志,因为!important
具有最高的优先级,无法被其他权重值覆盖。