css - 了解初始值如何处理继承和非继承属性

Question

我目前正在学习如何使用 initial CSS 中的值。

但是，我对 MDN 中给出的定义感到非常困惑。用于继承属性和非继承属性。

那么initial的效果究竟如何？继承和非继承的属性？它们之间有什么区别？

Answer 1

初始值

属性的初始值是在 W3C 规范定义中分配给该属性的值。

例如:



如果作者或浏览器未定义此属性，则 CSS 将引用初始值。

继承的属性

For inherited properties, the initial value is used, for the root element only, when no value is specified for the element.

一些 CSS 属性可以继承它们的值。别人不能。此行为也在属性定义中建立(请参阅上图中的继承)。

如果属性可以继承，则意味着该属性将 - 在未指定值的情况下 - 从父级获取该属性的计算值。

因为可以继承的属性在未指定时总是会向父级查找值，所以不需要在文档中的任何地方出现该属性的初始值，除非在 上。根元素 .

文档中任何位置的可继承属性，无论嵌套多深，都会继续查找一级值，直到到达根元素。这就是为什么初始值只需要存在于根元素上的原因。

非继承属性

For non-inherited properties the initial value is used, for any element, when no value is specified for the element.

不继承的属性不会向其父级寻求指导。因此，在未指定的所有情况下都应用初始值。