классы изменения и парения поведение

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', методе.

Вы должны осмотреть элемент и увидеть в стилях, что еще перекрывает ваш: парить цвет