悬停表格行但仍保留某些单元格的背景颜色

Question

我桌子上的一些单元格有背景颜色。表格的行颜色是交替的。我在表格行中创建了一个悬停。当鼠标悬停在一行上时，一些彩色单元格的所有背景颜色都是不可见的。当鼠标指针悬停在行上时，如何悬停但仍保留单元格的背景颜色。我的悬停和备用颜色代码：

CSS：

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
background-color: #EBEBEB ;
}

jQuery:

$(document).ready(function()
    {
        $("tr:odd").css("background-color", "#dfe7f2");        
    });

Answer 1

你可以在纯 CSS 中做到这一点。

tr:nth-child(odd) {
    background-color: #EBEBEB;
}