为什么<h1>中的<h2>不能继承color属性的值？

Question

看看这个简单的例子:

<style>
   h1 {
      color: red;
   }
</style>

<h1>this is the 'h1'.<h2>this is the 'h2'</h2></h1>

我预计'h2'内的字符串颜色为红色,但仍然是黑色.

这让我困惑了一段时间.为什么会这样？

Answer 1

一个<h1>元件不允许含有<h2>元素(除其他外,只有措辞元素和文本被允许),所以根据该无效HTML规范.

浏览器尝试通过考虑<h2>实际位于其外部来补偿无效的HTML <h1>,从而导致观察到的结果.