div的第一个孩子

Question

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

我尝试了下面的css，但是它不起作用，它给了我不想要的所有第一个子div的背景：

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

或

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

Fiddle here !

如何只为我的第一个没有类名的div提供背景颜色？

Answer 1

您可以使用>子选择器。

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

  

＆gt;组合器分离两个选择器并仅匹配那些选择器   第二个选择器匹配的元素是直接子元素   第一个匹配的元素。相比之下，当两个选择器是   结合后代选择器，组合选择器   表达式匹配第二个选择器匹配的元素   哪个存在与第一个选择器匹配的祖先元素，   不管＆＃34;跳数＆＃34; DOM。

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

参考：MDN - Child selectors