jQuery设置另一个项目的css "color“元素会重写其悬停伪类

Question

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

一旦第二个元素被悬停，第一个元素的hover伪类就会被移除，我不知道为什么。是否打算让jQuery .css()函数覆盖伪类？或者是我完全忽略了的其他问题

谢谢!

Answer 1

元素Testlink的set Color并不会禁用hover-伪类，该元素的固定颜色是“更高优先级”。所以你要做的就是添加：

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

而且它应该可以和你现有的JQuery一起工作。

Answer 2

我就是这么做的

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

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