我想要我的第一个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] 删除。
我来说两句