为什么h1标签中的文本颜色是红色而不是蓝色？

Question

<div style="color:red;">
  <p style="color:green;">
    <p style="color:blue;">
      <h1>Code Snippet Challenge</h1>
    </p>
  </p>
</div>

Answer 1

因为HTML规则不允许在p中使用div或p。它会自动关闭。

Answer 2

段落是块级元素，尤其会自动 如果在结束</p>标记之前解析了另一个块级元素，则关闭。

See MDN.

因此，您的<h1>将永远不在这些段落内，因为<p>在元素之前已关闭。您可以使用自己的开发工具进行测试，以查看浏览器的行为。