title: :first-child pseudo-class doesn't work
body: <p>I have a two divs with the class of <code>shoots</code>. I want the first div to have a <code>padding-top</code> of 10px and the last div to have a <code>padding-bottom</code> of 10px.</p>
  
  <p>For this I am trying to use the pseudo-class selectors <code>:first-child</code> &amp; <code>:last-child</code>.</p>
  
  <p><code>last-child</code> works, I have my padding at the bottom of the div, but the <code>first-child</code> doesn't work.</p>
  
  <p>What am I doing wrong?</p>
  
  <p><strong>Mark up:</strong></p>
  
  <pre><code>&lt;div class="item-list"&gt;
       &lt;div class='item'&gt;
           &lt;div class="shoots"&gt;
                *content*
           &lt;/div&gt;
           &lt;div class="shoots"&gt;
                *content*
           &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.item-list .item .shoots:first-child
  {
      padding-top: 10px;
  }
  .item-list .item .shoots:last-child
  {
      padding-bottom: 10px;
  }
  </code></pre>