CSS Sibling/Tilde 作为按钮 "animation"

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。