CSS三大特性:层叠性 继承性 优先级
一、层叠性
主要解决样式冲突的问题
层叠性原则:
1.样式冲突 遵循就近原则
2.样式不冲突 不会层叠
二、继承性
子标签会继承父标签的某些样式
恰当的使用会简化代码,降低CSS复杂性
子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)
行高的继承
行高可以跟单位 也可以不跟单位
三、优先级
当同一个元素指定多个选择器,就会有优先级产生;
- 选择器相同 则执行层叠性
- 选择器不同 则根据选择器权重执行
选择器权重
- 继承 或者* 0,0,0,0
- 元素选择器 0,0,0,1
- 类选择器,伪类选择器 0,0,1,0
- ID选择器 0,1,0,0
- 行内样式style=“” 1,0,0,0
- !important 重要的 无穷大
注意:继承的权重是0,如果该元素没有直接选中,不管父元素权重有多高,子元素得到的权重都是0;
复合选择器会有权重叠加的问题
权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重