継承されたCSS3トランジションを無効にする/オフにする

だから私はa要素にアタッチされた次のCSS遷移を持っています：

a { 
     -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ;  
     -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
     -o-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
     transition:color 0.1s ease-in, background-color 0.1s ease-in; 
}

特定のa要素でこれらの継承された遷移を無効にする方法はありますか？

a.tags { transition: none; } 

仕事をしていないようです。

transition: none次のHTML の場合、の使用はサポートされているようです（Operaの特定の調整により）。

<a href="#" class="transition">Content</a>
<a href="#" class="transition">Content</a>
<a href="#" class="noTransition">Content</a>
<a href="#" class="transition">Content</a>

...そしてCSS：

a {
    color: #f90;
    -webkit-transition:color 0.8s ease-in, background-color 0.1s ease-in ;  
    -moz-transition:color 0.8s ease-in, background-color 0.1s ease-in;  
    -o-transition:color 0.8s ease-in, background-color 0.1s ease-in;  
    transition:color 0.8s ease-in, background-color 0.1s ease-in; 
}
a:hover {
    color: #f00;
    -webkit-transition:color 0.8s ease-in, background-color 0.1s ease-in ;  
    -moz-transition:color 0.8s ease-in, background-color 0.1s ease-in;  
    -o-transition:color 0.8s ease-in, background-color 0.1s ease-in;  
    transition:color 0.8s ease-in, background-color 0.1s ease-in; 
}
a.noTransition {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

JS Fiddleデモ。

Ubuntu 11.04のChromium 12、Opera 11.x、Firefox 5でテスト済み。

Operaへの特定の適応-o-transition: color 0 ease-in;は、他のtransitionルールで指定されたものと同じプロパティをターゲットとする使用ですが、遷移時間をに設定し0、効果的に遷移が目立たないようにします。a.noTransitionセレクターの使用は、遷移のない要素に特定のセレクターを提供することです。

@FrédéricHamidiの回答であるall（少なくともOperaの場合）を使用すると、移行したくない個々のプロパティ名をリストするよりもはるかに簡潔になることに注意して編集してください。

all-o-transition: all 0 none@Frédéricの回答の自己削除に続いて、Opera での使用を示すJS Fiddleデモを更新しました。

単一の遷移プロパティを無効にする場合は、次のようにできます。

transition: color 0s;

（ゼロ秒遷移は遷移なしと同じであるため）。

すべての遷移を削除する別の方法は、unsetキーワードを使用することです：

a.tags {
    transition: unset;
}

の場合transition、unsetは継承されたプロパティではないinitialため、と同等transitionです。

a.tags {
    transition: initial;
}

の特定の構文について考える必要なく、これらのソリューションがすぐに正しいことを知ってunsetおり、それinitialを伝えることができる読者transition。

包含要素内のすべての遷移を継承解除することもできます。

CSS：

.noTrans *{
-moz-transition: none;
-webkit-transition: none;
-o-transition: color 0 ease-in;
transition: none;
}

HTML：

<a href="#">Content</a>
<a href="#">Content</a>
<div class="noTrans">
<a href="#">Content</a>
</div>
<a href="#">Content</a>

W3schoolsに基づくデフォルトの遷移値は次のとおりですall 0s ease 0s。これは、遷移を無効にするブラウザー間互換の方法である必要があります。

ここにリンクがあります：https : //www.w3schools.com/cssref/css3_pr_transition.asp