title: CSS last-child selector not working
body: <p>I'm trying to apply styles to the last <code>&lt;p&gt;</code> in a div. I'd like to do so without adding a new class (or ID).</p>
  
  <p>I've tried using the last-child selector but it's not working.</p>
  
  <p>I have even tried declaring <code>p:last-child {font-style: italic;}</code> for all of my CSS document and this doesn't seem to have any effect.</p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="new-section"&gt;
    &lt;div class="collection-container"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="title span16"&gt;
            &lt;h1&gt;The Title&lt;/h1&gt;
          &lt;/div&gt;          
          &lt;div class="span8"&gt;
            &lt;p&gt;Some text.&lt;/p&gt;
            &lt;p&gt;This collection includes video, audio and essays.&lt;/p&gt;
            &lt;p&gt;Visit now&lt;/p&gt;
            &lt;div class="arrow-right"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's my LESS CSS:</p>
  
  <pre><code>.collection-container {
    height: 200px;
    position: relative;
    background-color: @gray;
    .container {
      padding-top: @r-margin;
      .title {
        margin-bottom: @xs-margin;
      }
      .span8 p:last-child {
        font-style: italic;
      }
    }
  }
  </code></pre>