javascript - 文本不使用 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