javascript - css スタイルシートをリロードする方法

Question

おそらく私の質問に対する答えは簡単ですが、答えは見つかりませんでした。mouseover(mouseout) 関数で "className".css ファイルを呼び出せるかどうかを知りたいです。例えば：

<div id="thing" class="classes" onmouseover="????call the .css file???">My Name</div>

書きたくない: onmouseover = "style.color:'blue'"...

これが欲しい理由を説明しましょう。NAME.css ファイルがあるとします。このcssは、「私の名前」という単語を赤色に変えます。

私はこのhtml ///を持っています

<div id="thing" class="classes" onmouseover="this.style.color='blue'">My Name</div><br>

///

マウスを離すと、「My Name」という単語が再び赤くなると思いましたが（これはcssファイルのためです）、そうではありません。このようなものを書くことは可能ですか?:

自分の名前

私はこれを書きたくない：

<div id="thing" class="classes" onmouseover="this.style.color='blue'" onmouseout = "this.style.color='red'">My Name</div>

明確でわかりやすいことを願っています。どんな助けでも大歓迎です。

ありがとうジョエル

Answer 1

:hoverCSS で代わりに疑似クラスを使用します。

.classes:hover {
    color: blue;
}

Answer 2

必要なのはcssのcssプロパティだけです

div#thing{
    color: red;
}
div#thing:hover{
    color: blue;
}

Answer 3

ええ、それは可能です、:hover疑似セレクターを使用してください：

#thing { color: red; }
#thing:hover { color: blue; }

JSFiddleデモ