CSS Sibling / Tilde作为按钮“动画”

Question

这样的事情可能吗？

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

此CSS代码已应用，但由a.active本身覆盖。 我试过了！很重要，但这也会覆盖a.active！

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

Answer 1

a:active~a.active仅适用于 a.active元素后的a:active元素。在a.active之前，没有选择器可以将样式应用于a:active元素。您无法使用!important解决此问题;你需要JavaScript。