title: Why :first-child selector not working on div?
body: <p>I am selecting specific divs with the <code>:first-child</code> and <code>:last-child</code> pseudo selectors but <code>:first-child</code> is not working in any browser I have checked it in.</p>
  <p>I've checked caniuse.com and css-tricks.com and the consensus is that <code>:first-child</code> is pretty widely supported so I'm thinking maybe there is some bug I am not aware of. I am running the app on a local node server. I have validated both my css and my html. Is anyone aware of any bugs that might prevent <code>:first-child</code> from working?</p>
  <p>HTML</p>
  <pre><code>&lt;div class=&quot;col-md-6 blurbs&quot;&gt;
   &lt;label&gt;NEWS&lt;/label&gt;
   &lt;div&gt;
    &lt;p&gt;Lorem ipsum dolor spernatur aut odit aut fugit conse oluptate&lt;/p&gt;
   &lt;/div&gt;
   &lt;div class=&quot;clearfix&quot;&gt;
    &lt;a class=&quot;pull-left&quot;&gt;RSS&lt;/a&gt;
    &lt;a class=&quot;pull-right&quot;&gt;MORE NEWS&lt;/a&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  <p>CSS</p>
  <p>(not working)</p>
  <pre><code>.news .blurbs div:first-child{
      outline: 1px solid red;
      height: 260px;
      overflow: auto;
      margin-bottom: 10px;
  }
  </code></pre>
  <p>(working)</p>
  <pre><code>.news .blurbs div:last-child{
      outline: 1px solid red;
      width: 95%;
  }
  </code></pre>