Html 使用css选择嵌套的第一个子元素而不选择同级元素

我有一大块HTML无法编辑（不使用JavaScript）

我试图用CSS隐藏一个段落。段落没有

id

。有没有办法只针对它，而不针对它的同级CSS

HTML:

这是要隐藏的段落

这个不应该受到影响

它是其父级的第一个子级，因此您可以明确选择：

#foo > p:first-child

---

它是其父级的第一个子级，因此您可以明确选择：

#foo > p:first-child

---

这取决于您的标记结构。如果

是其父级的第一个子级，则可以按如下方式使用伪类：

#foo p:first child{/*或简称#foo:first child*/
背景颜色：金色；
}

注意：如果您只想选择直接

子项，则应使用（

a>b

）作为：

\foo>p:first child

---

但是，如果在第一个

元素之前还有其他同级元素，则可以使用CSS3伪类在其父元素的子元素树中选择第一个

元素：

#foop:type的第一个{
背景颜色：金色；
}

同样，对于直接子级，可以使用

#foo>p:first of type

从：

CSS伪类的

：first of type

表示 它的类型在其父元素的子元素列表中

---

您可以参考了解更多信息。

这取决于您的标记结构。如果

是其父级的第一个子级，则可以按如下方式使用伪类：

#foo p:first child{/*或简称#foo:first child*/
背景颜色：金色；
}

注意：如果您只想选择直接

子项，则应使用（

a>b

）作为：

\foo>p:first child

---

但是，如果在第一个

元素之前还有其他同级元素，则可以使用CSS3伪类在其父元素的子元素树中选择第一个

元素：

#foop:type的第一个{
背景颜色：金色；
}

同样，对于直接子级，可以使用

#foo>p:first of type

从：

CSS伪类的

：first of type

表示 它的类型在其父元素的子元素列表中

---

您可以参考了解更多信息。

我刚才使用了

背景色来突出显示所选元素。显然，您应该使用
display:none
隐藏元素。我只是使用
背景色
突出显示所选元素。显然，您应该使用
display:none以隐藏元素。