使用jquery addClass()更改颜色的文本

Question

http://jsfiddle.net/GHJX5/

我有一个带蓝色文本的div,我希望它在悬停为黄色时更改.出于某种原因,如果我删除将其设置为蓝色的CSS部分,它将在悬停时变为黄色,但如果将其设置为蓝色则不会.

JS

$('#registerbutton').hover(
    function() {
        $('#registerbutton').addClass('asd');
    }, function() {
        $('#registerbutton').removeClass('asd');
    }
);

HTML

<div id="registerbutton">click</div>

CSS

#registerbutton{
    color:blue;
}
.asd{
    color:yellow;
}

Answer 1

ID比类更具体,因此该类被否决.试试这个:

#registerbutton.asd {
    color:yellow;
}

jsFiddle例子

要了解有关CSS特异性的更多信息,请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity