css - ボタン「アニメーション」としての CSS 兄弟/チルダ

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来る要素にのみ適用されます。の前に要素にスタイルを適用するセレクターはありません。どちらでもこれを解決することはできません。JavaScript が必要です。a:activea.activea:active!important