css - CSS トランジションのクリア

Question

入力要素の上にマウスを移動するとトランジションを適用する CSS フレームワークを使用します。この移行をしたくないクラスがあります。これは可能ですか？

Answer 1

transition:none; と入力するだけです。css で、その優先度を他のものより高くします。

例：

html:

<div class="a"></div>
<div class="a b"></div>

css:

div.a {
    width: 200px;
    height: 100px;
    border: 1px solid black;
    background-color: #EEE;
    -webkit-transition: background-color 0.5s;
}
div.a:hover {
    background-color: #069;
}
div.a.b {
    -webkit-transition: none;
}​