Javascript ：悬停不'；不能使用jquery脚本

我有一个

，每个

li

都在

：hover

上回复。以下是css：

.profile_nav_item:hover {
     border-color: #af0621;
}

但当我点击这些边框时，它希望它们保持彩色

我有这个jQuery函数：

$('a[rel="tab"]').click(function(e){
        var url = $(this).attr('href');
        $('.profile_nav_item').css('border-color', 'transparent');
        $('.profile_nav_item', this).css('border-color', '#af0621');

但是单击后，不再调用

：hover

css属性。有人知道我该怎么解决这个问题吗

---

这里有一个问题：

，因为内联css属性的优先级高于包含的属性。因此，当您使用jQuery设置它时，它是这样的：

style=“border color:#af0621”

。尝试使用

！重要信息

在css中：

.profile_nav_item:hover {
     border-color: #af0621 !important;
}

---

您需要将CSS属性重置为“”（空字符串），样式表才能再次启动

 $('.profile_nav_item').css('border-color', '');

基本上，您是在强制元素样式为

#af0621

，之后样式表将不做任何操作来覆盖它（元素样式优先）

将空字符串值传递给

css（）

将删除内联样式设置

---

你能创建一个例子来演示这个问题吗？发布你的HTML和完整的CSS。我们需要一个完整的代码示例。您只需使用javascript内联设置边框样式，内联样式将覆盖其他样式，因此当您使用javascript设置其他样式时，

：hover

css将不起作用。+1用于提供小提琴。应该给你的生活带来一些快乐：）谢谢你的支持PAnd您在哪里看到内嵌式悬停？避免

！重要信息

只要有可能。@C-link我没有使用！在内联css中很重要。我曾在课堂上使用过。悬停上的配置文件导航项。谢谢，它起作用了，但我试着避免！重要的是，我会按照上面的答案来回答。为什么在jquery中没有添加悬停效果的情况下清空内联样式css应该可以工作，可能是OP还有另一个问题…@C-link Nepal：这是基于问题线索的假设（因为整个示例非常糟糕）。基于新的JSFIDLE，我的假设似乎是正确的（ish）。我会在一秒钟内修复反转的高光）@Anoop乔希：现在修复。我之前换错了行（顺便说一句，我在评论中很快就按了回车键，因此出现了“工作”）@Anoop-Joshi：正如他们所说的，越快越好。正确的修正，错误的行：）