title: Adding :last-child or :last-of-type to nav menu
body: <p>Normally CSS is my thing, but I'm somehow dumbfounded why this isn't working for me. I'm building a site through Cargo for CMS purposes and you can see it here: <a href="http://cargocollective.com/mikeballard" rel="nofollow">http://cargocollective.com/mikeballard</a></p>
  
  <p>In my menu, I have five main categories, and clicking on them (images, for example) reveals the list of work under that category.</p>
  
  <pre><code>&lt;div id="menu_2444167" class="link_link"&gt;
      &lt;a id="p2444167" name="mikeballard" target="" href="http://cargocollective.com/mikeballard/filter/images"&gt;Images&lt;/a&gt;
  &lt;/div&gt;
  &lt;div id="menu_2444188" class="project_link"&gt;
      &lt;a name="mikeballard" rel="history" href="mikeballard/#2444188/Ultra-Nomadic-Def-Smith-Cycle-2011"&gt;Ultra Nomadic Def Smith Cycle, 2011&lt;/a&gt;
  &lt;/div&gt;
  &lt;!-- more divs here --&gt;
  &lt;div id="menu_2444201" class="project_link"&gt;
      &lt;a name="mikeballard" rel="history" href="mikeballard/#2444201/Archive"&gt;Archive&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically, I'm trying to select the last div in this set, and add a margin-bottom:15px to that div. I've tried using:</p>
  
  <p><code>.project_link:last-child</code> or <code>.project_link:last-of-type</code> but it doesn't seem to be working.</p>
  
  <p>The HTML, which can't be altered too much to rely on Cargo, isn't great as if they had used list items, instead of divs with anchor tags I'm assuming this would be a lot easier.</p>