title: Targeting the last element among a set of element types with CSS
body: <p>I've tried this;</p>
  
  <pre><code>@mixin text-format{
  &gt;p, &gt;ul, &gt;h1, &gt;h2, &gt;h3, &gt;h4, &gt;h5{
      &amp;:last-of-type{
          background-color:green;
      }
  }
  }
  
  .text-body{
  @include text-format;
  }
  </code></pre>
  
  <p>Pure CSS</p>
  
  <pre><code>.text-body &gt; p:last-of-type, .text-body &gt; ul:last-of-type, .text-body &gt; h1:last-of-type, .text-body &gt; h2:last-of-type, .text-body &gt; h3:last-of-type, .text-body &gt; h4:last-of-type, .text-body &gt; h5:last-of-type {
    background-color: green;
  }
  </code></pre>
  
  <p>This selects the last instance of each of those element types, but exclusive to that element type. I simply want to select the last element within the div no matter what it is, but within the specified element types in the selector.</p>
  
  <p>Fiddle;
  <a href="http://jsfiddle.net/bazzle/bcLt62jx/" rel="nofollow">http://jsfiddle.net/bazzle/bcLt62jx/</a></p>