css选择器，带有子元素的父元素（及其子元素）

Question

任何人都可以解释为什么这不起作用？在 div＆gt; ol ：第一个孩子？

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

顶部的风格适用于ul。嗨照明它。如果我将＆gt; ul更改为＆gt; 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/

Answer 1

来自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。如果你交换了ol和ul，那么ol就会起作用，但ul却没有。

如果你想定位第一个ol，那么使用：first-of-type选择器。 JSFiddle