css選擇器，具有子元素（及其子元素）的父元素

任何人都可以解釋爲什麼這不起作用？ div>ol：第一個孩子？css選擇器，具有子元素（及其子元素）的父元素

div>ul:first-child 
{ 
    background:yellow; 
}

頂部作品的風格..爲ul。照亮它。如果我改變>微升至> OL ..沒有發生

<div> 
<ul> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Coca Cola</li> 
</ul> 
<ol> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Coca Cola</li> 
</ol> 
</div>

http://jsfiddle.net/mFMuq/

來源

2012-11-16 Urg Mu

「ol」不是'div'的第一個孩子，這就是爲什麼它不會被突出顯示..我建議閱讀這個http://www.w3.org/TR/CSS2/selector .html＃第一個孩子 – billyonecan

@billyonecan +1使用w3.org而不是*看起來很左* *看起來不錯* w3schools.com喜歡第一個答案 – LeonardChallis

從w3schools.com first-child selector：

The :first-child selector is used to select the specified selector, only if it is the first child of its parent.

的OL是不是它的第一個孩子的父母，這實際上並不重要，這是它的第一個父母。如果你將ol和ul交換，那麼ol可以工作，但ul不能。

如果要定位第一個ol，則使用：first-of-type選擇器。 JSFiddle

來源

2012-11-16 09:14:45 littledynamo

好的，我該如何使它成爲我的第一OL，對於例如我有兩個OL http://jsfiddle.net/mFMuq/9/ –

使用：第一種類型的選擇器看到這個jsfiddle http://jsfiddle.net/ReyGu/ – littledynamo

很酷，謝謝。第一類 –

css選擇器，具有子元素（及其子元素）的父元素

回答

相關問題