css 选择第一个类型元素并忽略嵌套元素[duplicate]

0md85ypi  于 2022-12-01  发布在  其他
关注(0)|答案(2)|浏览(114)

此问题在此处已有答案

CSS select direct child items only(2个答案)
CSS select first child if it's a certain tag(5个答案)
Combining Pseudo-classes in CSS?(2个答案)
昨天关门了。
我想改变第一个p元素的颜色,在我给出的例子中,first-child可以按照我的理解工作,但是,在我正在工作的项目中,实际上有更多的元素,可以添加更多的元素,因此我想避免使用它。我只需要改变给定div中类型为p的第一个元素。
第一个

qlckcl4x

qlckcl4x1#

使用子选择器>只获取所需的p元素。
请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator
第一个

u1ehiz5o

u1ehiz5o2#

>选择器只选择最后一个给定元素的直接子元素。
因此,这应该可以达到目的:

.test > p:first-of-type{
  background-color:red
}

相关问题