html中背景色优先级,CSS背景颜色优先级

我正在使用jQuery更改表格行的颜色,我注意到在以下实例中我得到了不同的结果.

CSS如下：

.normalcolor {

background-color: #dedede;

}

.reddishcolor {

background-color: #ffc59c;

}

.hovercolor {

background-color: #f1e1c0;

}

现在,我正在使用jQuery进行悬停效果,使用以下代码：

$("table.withhover tr").hover(function(){

$(this).addClass("hovercolor");

}, function(){

$(this).removeClass("hovercolor");

});

奇怪的是,当我将鼠标悬停在class =“normalcolor”的行上时,背景颜色会变为.hovercolor中的颜色.但是,当我用class =“reddishcolor”悬停一行时,背景颜色不会改变.

这是正常的吗？如果是,为什么？它与颜色有什么关系？

谢谢！