title: Get last instance of class in element
body: <p>I am trying to get the last instance of a <code>div</code> with a class of <code>one_third</code>. I have tried many different orders of the <code>:last-child</code> but I can not get them to work.</p>
  
  <p>Here is the structure</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="one_third"&gt;One&lt;/div&gt;
      &lt;div class="one_third"&gt;Two&lt;/div&gt;
      &lt;div class="one_third"&gt;Three&lt;/div&gt; &lt;-- remove the margin from this one
      &lt;div class="clearfix"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried doing</p>
  
  <pre><code>.container:last-child .one_third { margin-right: 0; }
  </code></pre>
  
  <p>this removes the margin from ALL divs with that class not just the last one. How can I get this to work? Thanks!</p>