Html 为第2个子段落标记应用颜色，但为第一个段落标记应用颜色

我将红色应用于第n个子项（2）作为段落标记，但红色应用于第一个子项。有什么原因让我困惑吗

<div>
    <h1>Fox story</h1>
    <p>the fox is lied between the lake</p>
    <p>that is the possible way </p>

</div>

我试过了

试一下

您的目标是第二个孩子，第二个孩子就是第一个标签。因此，这里必须指定type元素而不是child

试一试

您的目标是第二个孩子，第二个孩子就是第一个标签。因此，这里必须指定type元素而不是child

---

n个孩子

统计所有孩子，因此

H1

是第一个孩子，

first p

是第二个孩子

---

使用类型的第n个。

n个子项

统计所有子项，因此

H1

是第一个，第一个p是第二个

---

使用第n种类型的

（如果你确定段落的数量不会改变。否则，
n类型（2）
：）
那是因为
p
是第二个孩子。你可能想要
p:n类型（2）
那是因为
p
是第二个孩子。你可能想要
p:n类型（2）
p:nth-child(2){

    color:red;
}

p:nth-of-type(2){  
    color:red;
}