javascript - 文本不改变颜色与jQuery的addClass()

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;
}

最佳答案

ID比类更具体，因此该类被否决。尝试以下方法:

#registerbutton.asd {
    color:yellow;
}

jsFiddle example

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