は上のトランジションを適用しますないホバー：アクティブ

Question

を、私はそれが可能だかどうかわからないんだけど、ここで私がやったことです：

a { 
    background-color: white; 
    transition: all 1s; 
} 

a:hover { 
    background-color: grey; 
} 

a:active { 
    background-color: black; 
} 

しかし、私はには適用しないように遷移をしたいと思います：アクティブ（ちょうど上）

a { 
    background-color: white; 
} 

a:hover { 
    background-color: grey; 
    transition: all 1s; 
} 

a:active { 
    background-color: black; 
} 

、結果は効果が反転しないことを除いて（まったく同じです：：ホバー）が、私はこれを試してみました。完全なCSSでそれを行うことは可能ですか？

ありがとうございます！

Answer 1

a { 
    background-color: white; 
    transition: all 1s; 
} 

a:hover { 
    background-color: grey; 
} 

a:active { 
    background-color: black; 
    transition: none; 
} 

マークアップ：

<menu type=list> 
    <li><a>home</a></li> 
    <li><a>work</a></li> 
    <li><a>contact</a></li> 
    <li><a>about</a></li> 
</menu> 

デモ：とき要素の移行をどうするか、次に：（アクティブ） `ではなく、私が唯一の`への移行を適用すると考えることができhttp://jsfiddle.net/7nwLF/