css initial 计算的疑问

Question

下边是访问地址 :

https://wulicode.com/demo/htm...

Answer 1

你理解错了，initial 是指“这个属性”的初始值，而不是“这个标签下这个属性”的初始值。

同一个属性的 initial 在任何标签下都是一样的，并不是在 <h1> 下有一个值、在 <h2> 下又有另一个值。

font-size 属性的 initial 是 medium。

P.S. 每个属性的初始值是啥可以在 MDN 上查阅：

https://developer.mozilla.org...

---

【附】CSS 规范原文：

REF: https://drafts.csswg.org/css-...
Each property has an initial value, defined in the property’s definition table. If the property is not an inherited property, and the cascade does not result in a value, then the specified value of the property is its initial value.

可以看到跟 Element（元素）是啥根本没关系。

---

P.S. 你要是想恢复成“这个标签下这个属性”的默认值，也有的，是 revert，不过兼容性并不好就是了。

Answer 2

认真！认真！认真！重要的事情说三遍。
inherit 和 initial是两个单词，前者集成父级的属性值，后者使用原始值。