如何重新加载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>

///

我以为一旦鼠标出来，“我的名字”这个词将再次变红（这是因为css文件），但事实并非如此。 是否可以写这样的东西？：

我的名字

我不想写这个：

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

希望它清楚易懂。 任何帮助将不胜感激。

谢谢乔尔

Answer 1

在CSS中使用:hover伪类。

.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; }