html - css セレクター、子要素 (およびその子要素) を持つ親要素

Question

なぜこれが機能しないのか、誰でも説明できますか? on div> ol :first-child ?

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

上のスタイルは動作します.. ul. ハイライトします。>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/