jQuery在下面应用类

Question

我有一些像这样的CSS

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

我正在使用jQuery的悬停 在悬停时：addClass（'hover'）; on out：removeClass（'hover'）;

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

由于

Answer 1

这些陈述在CSS中出现的顺序是什么？ 要使上述代码起作用，.hover类必须出现在#menu li定义之后。

或者，您可以将！important添加到color属性。

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

Answer 2

您的li选择器比您的班级选择器更具体。

尝试：

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