div的第一个孩子

伊戈尔·拉斯洛(Igor Laszlo)

我想要我的第一个div的背景,但不是所有div的所有第一个div。第一个div没有课程。

我尝试了以下css,但它不起作用,它也为所有第一细分的背景提供了我不想要的东西:

.wrapper div:first-child {background: #ff0000;}

或者

.wrapper div:nth-child(1) {background: #ff0000;}

在这里摆弄!

如何只给我的第一个div不带类名的背景色?

伊曼纽尔

您可以使用>子选择器。

.wrapper > div:first-child {
    background: #ff0000;
}

>组合器分隔两个选择器,并仅匹配第二个选择器匹配的元素,这些元素是第一个选择器匹配的元素的直接子元素。相比之下,当两个选择器与后代选择器组合在一起时,组合的选择器表达式与第二个选择器匹配的元素匹配,对于第二个选择器匹配的元素,存在一个祖先元素与第一个选择器匹配,而与DOM上“跳跃”的次数无关。

小提琴:http : //jsfiddle.net/ba5gfr27/8/

参考:MDN-子选择器

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

DIV上的第一个孩子选择无效

来自分类Dev

JSoup获得div的第一个孩子

来自分类Dev

选择嵌套div中的第一个孩子

来自分类Dev

生第一个孩子

来自分类Dev

第一个孩子的选择

来自分类Dev

如何在第一个孩子中选择第一个孩子

来自分类Dev

CSS:有班级的孩子的第一个孩子

来自分类Dev

添加第二个div后,第一个孩子倒下了

来自分类Dev

选择具有容器的div的第一个孩子

来自分类Dev

内联阻止和第一个孩子div的移动

来自分类Dev

将DIV中的第一个孩子作为jQuery中的UL元素进行操作

来自分类Dev

a:第一个孩子重写了父<div>中的所有<a>标签?

来自分类Dev

DIV上的第一个孩子选择不起作用

来自分类Dev

如何定位div的字面“第一个孩子”,其样式取决于元素类型

来自分类Dev

第一个孩子更改了多个嵌套的div CSS

来自分类Dev

如何检查 div 的第一个孩子是否处于活动状态

来自分类Dev

将<ul>分为两个div,一个用于第一个孩子,另一个用于其他孩子

来自分类Dev

将<ul>分为两个div,一个用于第一个孩子,另一个用于其他孩子

来自分类Dev

Javascript将div作为第一个孩子附加到另一个

来自分类Dev

通过JS检测div的第一个和最后一个孩子是否具有类更改

来自分类Dev

如何获得第一个标头孩子?

来自分类常见问题

Flexbox中的第一个孩子全角

来自分类Dev

祖父母的第一个孩子

来自分类Dev

针对CSS课后的第一个孩子

来自分类Dev

使用第一个孩子和之前的CSS

来自分类Dev

:ng-repeat的第一个孩子

来自分类Dev

祖先CSS的第一个孩子

来自分类Dev

CSS:第一个孩子的伪元素

来自分类Dev

多个表的CSS第一个孩子

Related 相关文章

热门标签

归档