使用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 example

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

Answer 2

为什么你不使用简单的CSS属性悬停像这样

#registerbutton:hover{color:yellow;}