jQuery .addClass 没有效果

Question

各位编码员，刚刚遇到了 .addClass 方法的奇怪行为(至少对我来说)。当鼠标悬停在项目 (div) 上时，我尝试使用 .addClass 方法和更改 div 背景颜色的 .highlight 类来突出显示该项目。 (我使用 jQuery 而不是 css :hover 方法是有原因的。)

该代码的工作原理是，.highlight 类已添加到 div，但颜色没有改变。仅当 div 的默认 css 类中未定义背景颜色时，颜色才会更改。换句话说，如果 div 定义的类包含背景颜色:白色；添加了 .highlight 类，但颜色没有改变。

这是正常现象还是我遗漏了什么？现在，我正在使用 .css('background-color', ....) 来突出显示，但我很好奇为什么 .addClass 方法不起作用。

谢谢。

Answer 1

您原来的 CSS 类将覆盖新的 CSS 类。

您可以通过将 !important 添加到悬停规则，或者使其选择器更加具体，或者将其移至 CSS 中的原始类之后来防止这种情况。