Html 选择每个<;p>;不是其父级的第一个子级的元素

Html 选择每个<;p>;不是其父级的第一个子级的元素,html,css,css-selectors,Html,Css,Css Selectors,如果要选择不是其父元素第一个元素的每个,正确的CSS选择器是什么 就像下面的片段一样,只需反向操作!(所以“第二”、“第三”、“第四”是红色,“第一”是正常的) p:类型的第一个{ 背景:红色; } 第一段 第二段 第三段 第四段 您可以使用否定伪类。请注意,在组合伪类时,必须将第二个伪类放在括号内作为:not(:type的第一个): p:not(:类型的第一个){ 背景:红色; } 第一段 第二段 第三段 第四段。非常简单: p+p{ 背景:红色; } 第一段 第二段 第三段 第四段

如果要选择不是其父元素第一个元素的每个
,正确的CSS选择器是什么

就像下面的片段一样,只需反向操作!(所以“第二”、“第三”、“第四”是红色,“第一”是正常的)

p:类型的第一个{
背景:红色;
}

第一段

第二段

第三段

第四段

您可以使用否定伪类。请注意,在组合伪类时,必须将第二个伪类放在括号内作为
:not(:type的第一个)

p:not(:类型的第一个){
背景:红色;
}
第一段

第二段

第三段

第四段。

非常简单:

p+p{
背景:红色;
}

第一段

第二段

第三段

第四段

.text p:not(:第一个孩子){
背景:绿色;
}

第一段

第二段

第三段

第四段


:not(:first child)
更适合OP的问题^I已经添加了:)您是正确的,它不是明确需要的。。。尽管我认为你大部分时间都想把它放在那里。您所指的
:第一个子元素(或
:第n个子元素
)几乎肯定意味着您希望以父元素为目标元素。当然,您可能希望针对页面上的每个非第一个孩子
标记,尽管我个人可能会向第一个孩子添加一个类或使用不同的标记(因为它可能是一个排序的标题),然后您可以简单地对其他元素使用通用的
p
选择器;因此,我们向父级添加一个类,以便只处理这些元素,当我们知道CSS如何工作时,这一点就很清楚了,但就像您在回答中所做的那样,我们认为这是必要的。。。因为在第一个示例中没有父对象,而在第二个示例中有父对象,并且您添加了一个类,所以我对其进行了注释以避免混淆:第n个子对象/第一个子对象等不需要父对象选择器来工作;)为什么重复同样的答案?这是已接受答案的简单副本,无需解释