css中的权重和层叠性

选择符的权重

css中用四位数表示权重，权重的表达方式：0, 0, 0, 0

A，类型（元素）选择器 0001
B, Class 选择器（类选择器）0010
C，id选择器 0100
D，伪类选择符 0010
E，所有的层次选择器，都是计算多有的之和
F，属性选择符 0010
G，伪类选择符 0001
H，内联样式 1000
I，继承样式的权重为 0000
J，群组集合选择符权重是他本身
k, ! important 权重最高

解析规则

1. 当不同选择符的样式设置有冲突的时候，高权重选择符的样式会覆盖低权重选择符的样式
2. 相同权重的选择符，样式遵循 就近原则：哪个选择符最后定义，就采用哪个选择符样式
3. ! important > 行内样式 1000 > id选择器 100 > class选择器 10 > 标签 1 > 继承 0

CSS的层叠性

指的是样式的优先级，当产生冲突时以优先级高的为准。

1. 开发者样式 > 读者样式 > 浏览器样式（除非使用!important标记 ）
2. id选择符 >（伪）类选择符 > 元素选择符
3. 权重相同时取后面定义的样式（就近原则）