Jquery 强制删除从远程css库继承的元素的悬停css效果

我使用的是语义UI库，我的

表格元素通过表格上的

“可选”

类对它们产生悬停效果

但我想禁用特定行上的悬停（当它们进入编辑模式时），而不必编辑css文件（因为我的范围仅限于html/javascript，我只是试图修复一个旧问题）

我尝试使用

指针事件：无

但是在我的例子中，

中还有其他按钮，它们被禁用了

行上的Javascript事件：

$('body').on('click', '#edit_card table tbody tr .link.icon.edit', function(){
    var row = $(this).closest('tr');
    switch_row_to_editing_mode(row);
  })

元素检查器中的CSS样式：

---

如果不编辑CSS文件，则必须使用内联CSS（不推荐），但语法如下：

<tr style="background: white !important">

---

…这将阻止悬停时的颜色改变

解决方案取决于您如何区分要禁用css的行。两个选项是在html中的

中添加特殊类或使用JavaScript

选项1

在tr中添加一个特殊类，并创建自己的css

css:

html:

然后使用JQuery为每个元素添加自定义css

elements.map(function (el) {
   el.css(...)
}

---

如果您想要避免的是更改css会使您的出色工作变得一团糟，那么请尝试添加一个新类，并将其应用于您想要禁用的特定行

---

你看到了吗？

几乎可以肯定，你不需要添加

！重要的

是一种内联样式（在我所见过的几乎所有情况下，

！重要的

往往反映出一些混乱和可怕的幕后情况）。我认为可能需要在CSS文件中胜过：悬停样式。我不推荐内联CSS或使用！重要（一般而言），但只是想解决OP的问题，我认为这会。虽然“双重”并不雅观：）代码在哪里？要设置哪些行的样式，而不是样式？您尝试启用了什么CSS，在哪里失败了？它是如何失败的？@DavidThomas嗯，我只是认为没有必要用Jquery/Javascript标记这个问题，并提供不必要的上下文必要的上下文，例如应用于您想要样式的元素的HTML和CSS？那么，要覆盖外部CSS，我是否只将其留空？在您放置“自定义css”的地方不，您将在项目上放置所需的css，我不确定您想要更改什么，但您可以执行

。行\u，例外情况：悬停{color:red}

<tr class='row_with_exception'></tr>
<tr class=''></tr>
<tr class='row_with_exception'></tr>
<tr class=''></tr>

elements = [...] // array of jquery elements

elements.map(function (el) {
   el.css(...)
}