is there a pure css way of targeting firefox 3.6 and below?

Question

Seems that most of the questions on SO are looking to separate 3.6 from 3.5, but I want to separate 3.6 from 4.0+ without access to JS or server-side mechanisms.

Thanks.

Answer 1

body:-moz-last-node #element {/* ≤ Firefox 3.6 */}
:-moz-any(html) #element {/* ≥ Firefox 4 */}

The second rule is there to reset recent versions of Gecko-based browsers.
But remember that it will probably be dropped in favour of :matches() in the near future.