如何临时添加CSS样式？

Question

我有一个div,当我鼠标悬停它时,我想改变背景(可能还有其他属性).我可以通过调用来做到这一点el.style.backcolor = "",但有没有办法可以添加另一种CSS样式然后将其删除？喜欢style += mouseOverStyle然后style -= mouseOverStyle.这样我就可以在CSS中选择要更改的属性,而不是在JavaScript代码中.

编辑:我可能想在其他情况下应用新风格,而不仅仅是鼠标悬停,所以#div:hover实际上不是一般解决方案.我真正要问的是有什么像style.add("style")和style.remove("style")？

Answer 1

如果我理解正确,你要求在悬停你的div元素时改变背景？

这很容易通过CSS完成,不需要Javascript或其他代码!

#myDiv
{
   background-color: #f00;
}

#myDiv:hover
{
   background-color: #00f;
}

当然,您也可以更改其他样式,不需要添加另一个类来更改一个或多个样式.

希望有帮助:)