Cómo puedo obtener el último elemento (hr) del siguiente código:

<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 no funciona para esto

Por supuesto, la estructura DOM podría ser más complicada. Solo necesito buscar el último elemento necesario.