jquery - jQuery 適用クラスの下

Question

私はそのようないくつかのCSSを持っています

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

ホバーのようにjQueryのホバーを使用しています： addClass('hover'); アウト: removeClass('hover');

これにより、背景色が変更されますが、フォントの色は変更されません。これは、クラスが最初に適用されてから、デフォルトの li 動作が適用されるためだと思いますか? これを機能させる簡単な方法はありますか？デフォルトのli動作にクラスを使用したくないので、それを削除し、ホバーを適用してデフォルトを再適用します。

ありがとう