jQuery设置另一个项目的CSS“颜色”元素将覆盖其悬停伪类

问题描述

我想在悬停时突出显示一个元素，或者也悬停其他某个元素。然而，我为实现此目的而编写的代码似乎在每次运行时都会覆盖悬停伪类。我似乎看不出原因-这个提琴中的最小示例：https://jsfiddle.net/mLynfz3x/

当第二个元素悬停后，第一个元素的悬停伪类将被删除，我不确定为什么。 jQuery .css()函数是否打算覆盖伪类？还是我完全想不到的其他问题

谢谢！

解决方法

为元素Testlink设置的颜色不会禁用悬停伪类，该元素的固定颜色是公正的，可以说“更高优先级”。所以您要做的就是添加：

#testLink:hover {
  color: olive !important;
}

，它应该可以与您现有的JQuery一起使用。

,

这就是我所做的

$("#aTestItem").hover(() => {
  $("#testLink").css("color","olive");
},() => {
  $("#testLink").css("color","black");
});

$("#testLink").hover(() => {
  $("#testLink").css("color","black");
});