“恢复”不尊重继承

Question

根据 revert 的

MDN 文档

，它尊重继承。所以，理论上，如果我有这个 HTML：

<div class="container">
  <h1 class="header">there</h1>
</div>

还有这个CSS：

.container {
  font-weight: normal;
}

.header {
  font-weight: revert;
}

文字粗细要正常。理论上，

revert

应该首先查看其父级（font-weight是一个继承属性）。然而，这并没有发生。为什么？

考虑到我直接对元素应用“恢复”这一事实，这特别奇怪（因此关于浏览器样式覆盖元素样式的理论在这种情况下不太成立）。

Answer 1

Revert 将属性重置为浏览器默认值或用户定义样式的值。

它不会简单地回退到级联中最近的继承值。

如果您想直接继承父级的值，请使用inherit。