css - 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 本身覆盖。我试过了！important，但这也会覆盖 a.active ！

演示：http: //jsfiddle.net/77eP4/

Answer 1

a:active~a.active仅适用于a.active元素之后的a:active元素。之前没有选择器将样式应用于a.active元素a:active。你不能用!important任何一个来解决这个问题；你需要JavaScript。