使用javascript编辑悬停时链接的颜色

这并不完全是我正在做的，只是一个简单的方式发布代码，但为什么这不起作用

var links = 'hsla(40, 50%, 50%, 1)';

$('a:hover').css({'color' : links });

---

我应该如何使用javascript代码来实现这一点？

删除花括号，并使用逗号而不是冒号：

var links = 'hsla(40, 50%, 50%, 1)';

$('a:hover').css('color', links);

$（'a:hover'）

在执行时选择所有悬停的锚元素。而且它不必在将来选择所有悬停的元素

使用

mouseenter

和

mouseleave

事件

var链接='hsla（40,50%，50%，1）'；
$（'a'）。在({
mouseenter:function（）{
$（this.css（{'color'：links}）
},
mouseleave:function（）{
$（this.css（{'color'：'rgb（85,26,139）}）
}
})

---

问题在于，当代码执行时，它会查找当前处于悬停状态的所有

a

元素，而这些元素都不是悬停状态，因此不会发生任何事情。一旦您实际悬停在

a

上，您需要运行的代码就已经找到了

相反，只需在CSS中执行以下操作：

a:hover{color:hsla（40,50%，50%，1）；}

但是，您应该在类中添加悬停样式，而不是按代码添加，除非值是变量？是的，来自变量！好的-那么您可能想研究使用css变量而不是javascript。看看：很好，这对我有用，谢谢！我有一些css，这意味着选择的链接是灰色的，有没有办法改变上面的鼠标，使颜色返回到原始颜色（通常是白色，但如果选择了，可能是灰色。这不是最佳做法，但只是在css中使用了“灰色！重要；”