如何重新加载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将使“我的名字”这个词变成红色。

我有这个网站 ///

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

///

我认为，一旦老鼠出来了，这个词“我的名字”会因为再次（这件红色CSS文件），但它不是。是否有可能写出这样的事情？：

我的名字

我不想写这篇文章：

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

希望这是明确的和可以理解的。任何帮助将不胜感激。

感谢 乔尔

Answer 1

使用:hover伪类，而不是CSS。

.classes:hover { 
    color: blue; 
} 

Answer 2

所有你需要的是在CSS CSS属性

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

Answer 3

啊这是可能的，使用:hover pseudoselector：

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

JSFiddle Demo