改变类和悬停行为

Question

<div class='m1 backblue'>323</div>
<div class='m2wrap'>
<div class='m2 backblue'>525</div>
<div class='m2 backblue'>727</div>
</div>

CSS

.backblue{
    background:#0099CC;
}
.backblue:hover{
    background:#00bfff;
}
.backgreen{
    background:#2e8b57;
}
.backgreen:hover{
    background:#33cc33;
}

JS

$('#pointgreen').click(function(){
    $('.m1, .m2').removeClass('backblue').addClass('backgreen');
});

点击#pointgreen后，除.backgreen:hover上的.m2外，一切正常。悬停此类不会改变背景颜色。

Answer 1

完全适用于您的代码： Js fiddle 我已将.click更改为.on('click',方法。

你应该检查元素并查看样式还有什么覆盖你的：悬停颜色