title: CSS3 get last element
body: <p>How I can get the last element (hr) from the following code:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;
          &lt;span class="hr"&gt;&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
          &lt;span class="hr"&gt;&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
          &lt;span class="hr"&gt;&lt;/span&gt; &lt;!-- I need this --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>.hr:last-child</code> doesn't work for this.</p>
  
  <p>Of course, DOM structure could be more complicated. I just need to fetch the last needed element.</p>