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个子对象/第一个子对象等不需要父对象选择器来工作;)为什么重复同样的答案?这是已接受答案的简单副本,无需解释