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; 
} 

的>组合子分隔两个选择器和仅由第二选择器，其是由第一匹配 元件的直接子匹配那些 元素相匹配。相比之下，当两个选择器 与后代选择器组合时，组合选择器 表达式匹配由第二选择器针对 匹配的那些元素，其存在由第一选择器 匹配的祖先元素，而不管“跳”建立DOM。

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

参考：MDN - Child selectors