CSS3 letztes Element erhalten

Wie kann ich das letzte Element (hr) aus dem folgenden Code abrufen:

<div>
    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span> <!-- I need this -->
    </div>
</div>

.hr:last-child funktioniert dafür nicht.

Natürlich könnte die DOM-Struktur komplizierter sein. Ich muss nur das zuletzt benötigte Element abrufen.