jquery - 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 { 背景：红色 }