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