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