本文と内容が異なる

Question

私は周りを見回しましたが、解決策が見つかりませんでした。

bodyで#wait、#about、aのトランジションを上書きするにはどうすればよいですか？私は、フォントサイズをより速くサイズ変更したい。

ありがとうございました。

body { 
 
    font-family: Arial; 
 
    font-size: 10vw 
 
} 
 
body { 
 
    -webkit-transition: font .2s ease; 
 
    -moz-transition: font .2s ease; 
 
    -o-transition: font .2s ease; 
 
    transition: font .2s ease; 
 
} 
 
#wait, 
 
#about, 
 
a { 
 
    -webkit-transition: all .6s ease; 
 
    -moz-transition: all .6s ease; 
 
    -o-transition: all .6s ease; 
 
    transition: all .6s ease; 
 
}

<div id="wait"> 
 
    <div id="about"> 
 
    1 2 3 4 <a href="#">5</a> 6 7 8 9 0 
 
    </div> 
 
</div>

Answer 1

あなたは！重要なを使用することができます。

ボディに配置すると、他のスタイルより優先されます。

Answer 2

#wait, 
#about, 
a { 
    -webkit-transition: all .2s ease !important; 
    -moz-transition: all .2s ease !important; 
    -o-transition: all .2s ease !important; 
    transition: all .2s ease !important; 
} 

あなたはCSSとスタイルが使用を適用しません上書きしたいときはいつでも重要なスタイルのコード

Answer 3

の終わりにあなたは、単一の遷移プロパティを使用して、2以上のカンマで区切られたトランジションを指定することができます！

#wait { 
 
    font-size: 5vw; 
 
    transition: all 2s ease, font .2s ease; 
 
} 
 

 
#wait:hover { 
 
    font-size: 10vw; 
 
    color: red; 
 
}

<p id="wait"> 
 
    TEEEST 
 
</p>