css权重计算

CSS权重计算

标签值	权重值
！important	infinity 正无穷
行间样式	1000
id选择器	100
class选择器，属性选择器，伪类选择器	10
标签选择器，伪元素选择器	1
通配符选择器	0

层叠：解决声明冲突的过程，浏览器自动处理(权重计算)

1.比较重要性

!important 标记的属性权重值无视没用 !important 指定的一切情况，
多次指定则相互抵消。

2.比较特殊性

权重值并不是简单的根据上面表格的数字总和来进行比较的，
而是从高到低逐级比较等级位上的权重值：

第一等级：1，0，0，0 (内联样式)
第二等级：0，1，0，0 (id选择器)
第三等级：0，0，1，0 (类选择器/属性选择器/伪类选择器)
第四等级：0，0，0，1 (元素选择器/伪元素选择器)

3.比较源次序

当权重值相同时，后定义的规则优先