jquery：在表中替代行颜色，除了带有类的单元格以保持背景颜色

Question

我是 jquery 新手。我的代码中有这样的内容：

$("tbody tr:odd ").addClass("alt");

使用 css：

tbody tr.alt td {
   background-color: #e6EEEE;
}

我在表中有一个单元格

<td class="coloron">

现在，每隔一行命令都会覆盖我的 class="coloron"。

如何在每隔一行着色的同时保持单元格的独特颜色？

Answer 1

定义样式，以便稍后在样式表中定义您的唯一颜色，如下所示：

tbody tr.alt td {
  background-color: #e6EEEE;
}
tbody tr td.coloron {
  background-color: #FFFFFF;
}

如果一行有多个类，则在样式规则中给出相同级别的特异性，即 CSS 中最后定义的一个获胜。 您可以在这里看到它的工作原理。

Answer 2

您的 tbody tr.alt td 比 更具体 >.coloron 并将覆盖它，而是执行如下操作：

tbody tr.alt td.coloron {
   // your CSS
}    

或者可能是这样：

tbody tr td.coloron {
   // your CSS
}

Answer 3

使用 css !important:

td.coloron {
    background: #ccc !important;
}

Answer 4

尝试在 CSS 中添加以下内容：

.coloron, .coloron.alt { background:red }