CSS属性计算过程

74 阅读1分钟

何为属性计算过程?

即为html元素各项css属性分配值的过程:

A4D003BA-AE00-421F-95EA-A345D4A30550.png

过程中有哪些步骤?

  1. 确定声明值;
  2. 层叠冲突;
  3. 使用集成;
  4. 使用默认值;

B5376092-DE23-4FAC-968D-F5AC481D924E.png

1. 确定声明值

即 参考样式表中没有冲突的声明,作为CSS属性值;

2. 层叠冲突

  • 比较重要性:即 作者样式表 比 浏览器默认样式表 优先级高;
  • 比较特殊性:css选择器权重;
  • 比较源次序:更晚加载的代码覆盖之前的;

9AE2B2F6-54F8-4EE6-9F37-D7411913AE69.png

3. 使用继承

即,对仍然没有值的属性,若可以继承,则继承父元素的值

4. 使用默认值

即,对仍然没有值的属性,使用默认值