如何重新加载css样式表

Joe*_*oel 2 html javascript css

可能我的问题的答案很简单,但我没有找到答案.我想知道我是否可以在mouseover(mouseout)函数中调用"className".css文件.例如:

<div id="thing" class="classes" onmouseover="????call the .css file???">My Name</div>
Run Code Online (Sandbox Code Playgroud)

我不想写:onmouseover = "style.color:'blue'"......

让我解释为什么我想要这个.假设我有一个NAME.css文件.这个CSS会使"我的名字"这个词变成红色.

我有这个HTML ///

<div id="thing" class="classes" onmouseover="this.style.color='blue'">My Name</div><br>
Run Code Online (Sandbox Code Playgroud)

///

我以为一旦鼠标出来,"我的名字"这个词将再次变红(这是因为css文件),但事实并非如此.是否可以写这样的东西?:

我的名字

我不想写这个:

<div id="thing" class="classes" onmouseover="this.style.color='blue'" onmouseout = "this.style.color='red'">My Name</div>
Run Code Online (Sandbox Code Playgroud)

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

谢谢乔尔

tec*_*bar 6

:hover在CSS中使用伪类.

.classes:hover {
    color: blue;
}
Run Code Online (Sandbox Code Playgroud)