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中最后定义的一个获胜。 You can see it working here

Answer 2

您的tbody tr.alt td比.coloron更specific并覆盖它，而是执行以下操作：

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}