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伪选择器：

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