Skip to content

CSS属性值的计算过程

请简述css中属性值的计算过程是怎样的

  1. 确定声明值 在样式表中写样式声明时(作者样式),这个声明就会被当作css的属性值。当作者样式和默认声明值冲突时,会优先把作者样式中的声明值当作属性值。
  2. 层叠冲突 使用层叠规则来确定css的属性值
  3. 使用继承 如果没有声明属性会先去看有无可继承属性
  4. 使用默认值

层叠继承规则

  • !important > style(1000) > id(## | 100) > class、伪类( . | 10) > tag(标签 | 1) > *(通配符)
  • 同样的权重,就近
  • 内联样式 > 内部样式 > 外部样式
  • !important > 内联样式

苏ICP备2025160170号-1 | 前端进化之路 | Released under the MIT License.