CSS三大特性
1.层叠性
- 概念:如果发生了样式冲突,那就会根据一定的规则(选择器优先级),进行样式的层叠(覆盖)。
什么是样式冲突? ——— 元素的同一个样式名,被设置了不同的值,这就是冲突。
2.继承性
- 概念:元素会自动拥有其父元素、或其祖先元素上所设置的某些样式。
- 规则:优先继承离得近的。
- 常见的可继承属性:
text-?? , font-?? , line-?? 、 color …
- 备注:参照MDN网站,可查询属性是否可被继承。
3.优先级
- 简单聊: !important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式。
- 详细聊:需要计算权重。
计算权重时需要注意:并集选择器的每一个部分是分开算的!