jquery - 下面的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;
}