Question

jQuery 菜单点击覆盖hover变色问题

DOM
ul.MenuElement
-- li
-- ul.SubMenu
-- li

在css中已经定义菜单列表中的li在hover状态下会变色,但是在jQuery中有设置了点击之后改变元素颜色，于是原来的hover属性就被覆盖了，鼠标再移上去就变不了色了。我想在点击之后依然能够变色，可以怎么改？请高手指点一下！谢谢

jQuery的代码如下
$(document).ready(function(){
$(".MenuElement").click(function(){
if ($(this).children(".SubMenu").css("display") == "none") {
$(this).children("a").css("background-color", "#4682B4");
$(this).children("a").css("color", "#FFF");
$(this).children(".SubMenu").slideDown("fast");
$(this).children(".SubMenu").css("display") = "inline";
}
else {
$(this).children(".SubMenu").slideUp("fast");
$(this).children("a").css("background-color", "#cccccc");
$(this).children("a").css("color", "#333333");
$(this).children(".SubMenu").css("display") = "none";
}

});
});
已经解决，用addClass和removeClass 来实现的。的确有优先级的问题

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

a:hover{color:red !important;}用!important提高优先级