jQuery 应用下面的类

Question

我有一些像这样的CSS，所以

#menu li
{
   color:#336633;
}
.hover
{
   color:#ffffff;
   background-color:#336633;
}

我像这样使用jQuery的悬停 悬停时：addClass('hover'); 出处：removeClass('hover');

这会更改背景颜色，但不会更改字体颜色。 我怀疑这是因为首先应用该类，然后应用默认的 li 行为？ 有没有一种简单的方法可以完成这项工作？ 我不想使用默认 li 行为的类，然后将其删除，应用悬停并重新应用默认值。

谢谢

Answer 1

这些语句在 CSS 中出现的顺序是什么？
为了使上述代码正常工作，.hover 类必须出现在 #menu li 定义之后。

或者，您可以将 !important 添加到颜色属性。

.hover
{
   color:#ffffff !important;
   background-color:#336633;
}

Answer 2

您的 li 选择器比您的类选择器更具体。

尝试：

#menu li
{
   color:#336633;
}
#menu li.hover
{
   color:#ffffff;
   background-color:#336633;
}