Jquery 我的mouseover，mouseleave坏了

HTML正文：

.highlight
{
    background-color:Red
}
.normal
{ 
    background-color:Yellow

}

硬核程序。。。
*所有活动
*订阅
*推荐
JavaScript很好，您的问题是
突出显示
和
正常
CSS类正在为控制
背景色而相互争斗。如果您使用
强制解决问题！重要信息
：

    <div id="eventTarget" class="normal">
    HardCoreProg...

* All activity
* Subscriptions
* Recommendations
</div>

然后它就可以正常工作了：
按如下方式更改突出显示CSS类：

.highlight {
    background-color: Red !important
}

作为奖励，使用
hover
函数以一行代码绑定到mouseover和mouseleave事件：

.highlight
{
    background-color:Red !important;
}

等等，你不需要使用
！重要信息
仅用于确保应用样式定义。尝试通过使CSS选择器更具体来为其添加权重——它现在可以做您想要做的事情，并且如果您想要，您仍然可以稍后在CSS文件中覆盖它

$('#eventTarget').hover(changeColor, changeColor);

有关CSS特性如何工作的更多信息，请查看Smashing杂志上的这篇文章：

编辑：也许我应该链接到W3C关于特殊性的文档

$('#eventTarget').hover(changeColor, changeColor);

#eventTarget.highlight {
    background-color: red;
}

.normal {
    background-color: yellow;
}