css属性值的层叠冲突规则
css属性值的层叠冲突规则
层叠冲突：同一个样式，多次用到同一个元素，就会发生层叠冲突，需要对样式表有冲突的申明使用层叠规则，确定css属性值
步骤1. 比较重要性，若css属性后面加有 !important ，就表示该属性值的优先级最高，就会使用该值作为当前属性的值（一般不用）
color: #000000 !important;
步骤2. 若步骤1无法比较，则比较特殊性
总体规则：选择器选中的范围越窄，越特殊
具体规则：通过选择器，计算出一个4位数（****），数值越大，属性值的优先级越高
- 千位：若果是内联样式，记1，否则记0
- 百位：等于选择器中所有id选择器的数量
- 十位：等于选择器中所有类选择器，伪类选择器，属性选择器的数量
- 各位：等于选择器中元素选择器，伪元素选择器的数量
