title: How to get to last child
body: <p>I have 3 <code>&lt;a&gt;</code> tags that I want to get to the last child in IE8. Unfortunately IE8 does not support <code>:last-child</code>. </p>
  
  <pre><code>#breadcrumbs li:first-child div a {
    background: none !important;
    color: red !important;
  }
  </code></pre>
  
  <p>The top css gets to the first <code>&lt;a&gt;</code> but I need to try and get to the 3rd one, I tried using the below code but it doesn't work.</p>
  
  <pre><code>#breadcrumbs li:first-child div a + li div a + li div a {
    background: none !important;
    color: red !important;
  }
  
  
  &lt;ul id="breadcrumbs"&gt;
     &lt;li&gt;&lt;div&gt;&lt;a&gt;dfgdfg&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div&gt;&lt;a&gt;fdgdfgdf&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div&gt;&lt;a&gt;fdgdfgfd&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div&gt;&lt;a&gt;dgfdgdfg&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>