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>

///

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

我的名字

我不想写这个：

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

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

谢谢乔尔

score 6 · Accepted Answer

6

在 CSS 中使用:hover伪类。

.classes:hover {
    color: blue;
}

于 2013-06-05T17:19:43.257 回答

score 2 · Accepted Answer

你所需要的只是css中的一个css属性

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

score 2 · Accepted Answer

是的，有可能，使用:hover伪选择器：

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

3 回答 3