CSS三大特性

Mr.ZhaoLess than 1 minute

CSS 有三个非常重要的三个特性:层叠性、继承性、优先级

1. 层叠性

相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题

层叠性原则:

  • 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式,即后面的样式会覆盖掉前面的样式
  • 样式不冲突,不会层叠

2. 继承性

CSS 中的继承: 子标签会继承父标签的某些样式

规则:优先继承离得近的

  • 恰当地使用继承可以简化代码,降低 CSS 样式的复杂性
  • 常见的可继承属性:text-??font-??line-??color

3. 优先级

!important > 行内样式 > ID 选择器 > 类选择器 > 元素选择器 > * > 继承的样式