CSS-селектор последнего дочернего элемента не работает

Я пытаюсь применить стили к последним

в div. Я хотел бы сделать это без добавления нового класса (или идентификатора).

Я пробовал использовать селектор последнего потомка, но он не работает.

Я даже пытался объявить p:last-child {font-style: italic;}для всех моих документов CSS, и это, похоже, не имеет никакого эффекта.

Вот мой HTML:

<div class="new-section">
  <div class="collection-container">
    <div class="container">
      <div class="row">
        <div class="title span16">
          <h1>The Title</h1>
        </div>          
        <div class="span8">
          <p>Some text.</p>
          <p>This collection includes video, audio and essays.</p>
          <p>Visit now</p>
          <div class="arrow-right"></div>
        </div>
      </div>
    </div>
  </div>
</div>

А вот мой LESS CSS:

.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;
    }
  }
}