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选择器，具有子元素（及其子元素）的父元素

回答

相关问题