CSS三大特性
Less than 1 minute
CSS 有三个非常重要的三个特性:层叠性、继承性、优先级
1. 层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题
层叠性原则:
- 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式,即后面的样式会覆盖掉前面的样式
- 样式不冲突,不会层叠
2. 继承性
CSS 中的继承: 子标签会继承父标签的某些样式
规则:优先继承离得近的
- 恰当地使用继承可以简化代码,降低 CSS 样式的复杂性
- 常见的可继承属性:
text-??
,font-??
,line-??
,color
3. 优先级
!important
> 行内样式 > ID 选择器 > 类选择器 > 元素选择器 > *
> 继承的样式