Question

Is something like this possible?

<style>  
a,
a:active~a.active {
    color:#000;
    background:#fff;
}
a.active,
a:active {
    background:#000;
    color:#fff; 
}
</style>

This CSS-Code is applied, but overwritten by a.active itself.
I tried !important, but that will overwrite a.active as well!

DEMO: http://jsfiddle.net/77eP4/

Answer 1

a:active~a.active only applies to a.active elements that come after an a:active element. There is no selector to apply styles to a.active elements before a:active. You can’t solve this with !important either; you’ll need JavaScript.