title: :first-child not working as expected
body: <p>I'm trying to select the first <code>h1</code> inside a <code>div</code> with a class called <code>detail_container</code>. It works if <code>h1</code> is the first element within this <code>div</code>, but if it comes after this <code>ul</code> it won't work.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;style type="text/css"&gt;
  .detail_container h1:first-child
  {
  color:blue;
  } 
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="detail_container"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;h1&gt;First H1&lt;/h1&gt;
      &lt;h1&gt;Second H1&lt;/h1&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I was under the impression that the CSS I have will select the first <code>h1</code> no matter where it is in this <code>div</code>. How can I make it work?</p>