mdn-css冲突规则

冲突规则

层叠

1. 重要程度

• ！important 覆盖普通规则

2. 优先级
3. 资源顺序

优先级

1. 千位： 如果声明在 style 的属性（内联样式）则该位得一分。这样的声明没有选择器，所以它得分总是1000。
2. 百位： 选择器中包含ID选择器则该位得一分。
3. 十位： 选择器中包含类选择器、属性选择器或者伪类则该位得一分。
4. 个位：选择器中包含元素、伪元素选择器则该位得一分。

继承

1. width, margin, padding, border不能被继承，根据常识
2. 控制继承

• inherit:开启继承
• initial:浏览器默认样式
• unset: 重置为自然值
• all:简写，重设所有属性值