Question

Is there a CSS selector for the last occurrence of a class on a page?

Say i have this HTML

<dd>
    <span>
        <a class="required" id="forename">foo</a>
    </span>
</dd>
<dd>
    <span>
        <a class="required" id="surname">bar</a>
    </span>
</dd>

Is there a CSS selector that would return the a tag with the ID of surname. Something like .required:last maybe?

Will be using Prototype if that matters?

Answer 1

Using Prototype:

var sel = $(document.body).select('a.required').toArray()
var last = sel[sel.length-1]

(alternately: var last = sel.last())

There may be an easier way.