如何解决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");
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。