为什么 p:first-child 伪 class 不适用于 p 元素的 first-child

Question

CSS p 标签的伪 Class 选择器（first-child）适用于作为其父项的直接第一个子项的所有 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>

Answer 1

<p> 标签不能嵌套在 HTML 中。这是因为它们的存在只是为了将文本格式化为......好吧......一个段落，你可以阅读更多关于它的信息here。

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

为什么 p:first-child 伪 class 不适用于 p 元素的 first-child

Why p:first-child pseudo class does not apply to p element's first-child

css

css-selectors

pseudo-class