我正在使用 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"
,背景颜色不会改变。
这是正常的吗?如果是,为什么?跟颜色有关系吗?
谢谢!