时间戳

首页 > 解决方案 > 为什么 p:first-child 伪类不适用于 p 元素的第一个孩子

css - 为什么 p:first-child 伪类不适用于 p 元素的第一个孩子

问题描述

p 标签的 CSS 伪类选择器（第一个子元素）适用于所有 p，它们是其父级的直接第一个子元素，为什么不 p 标签是 p 本身的第一个元素。

p:first-child {
  color: blue;
}
<body>
    <p>This P is body's first Child.</p>
    <p>This is body's second child.</p>

    <div>
        <p> This P is div's first Child </p>
        <p> This is div's second child.</p>
    </div>

    <p>
        <p> This P is P's first child :: Why it does not get pseudo class</p>
        <p> This is P's second child </p>
    </p>

</body>

标签： csscss-selectorspseudo-class

解决方案

<p>标签不能嵌套在 HTML 中。这是因为它们的存在只是为了将文本格式化为……嗯……一段，您可以在此处阅读更多相关信息。

简而言之，无论语法如何，任何打开<p>的标签都会简单地关闭最后打开的标签。<p>

推荐阅读