Html 使用交替行颜色替代表内单行上的行颜色

我有一个带有CSS3交替行样式的表，但我需要覆盖一些行的样式

以下是表格的CSS：

table.primary tr:nth-child(odd) {
    background-color: #e5e5e5;
}
table.primary tr:nth-child(even) {
    background-color: #ededed;
}

我需要用非常不同的背景颜色（和其他格式）覆盖一些行，我希望只向单个行添加一个

class=

，但这似乎不会覆盖上面的CSS

e、 g

一
二
三

或者，我需要跳过CSS3，只使用

class=“row1”

，

class=“row2”

，

class=“new”

---

关于如何用类重写第n个子类的任何建议？

由于类和伪类具有相同的特殊性，因此在

：nth-child（）

规则之后定义

。新的
样式规则就足够了，假设一个类将覆盖所有其他样式：

table.primary tr:nth-child(odd) {
    background-color: #e5e5e5;
}
table.primary tr:nth-child(even) {
    background-color: #ededed;
}
table.primary tr.new {
    background-color: #ffc;
}

您知道可以将多个css语句放入一个类中，对吗？然后你就可以用超控了！需要时重要：）

这是一把JS小提琴

试试这个

table.primary tr.new:nth-child(odd) {
background-color: #ff0000;
}
table.primary tr.new:nth-child(even) {
background-color: #000000;
}

您缺少第二行的开头
td
标记

然后按照BoltClock的说明进行操作：）
您在样式表中为新类名添加了什么代码？它只是.row1，还是Was is table.primary tr。。。等等？说真的
class=“奇偶”
带有
！重要的
规则为
。偶数

？我的意思是，将元素编号称为奇数和偶数是毫无意义的。只是补充一下，重要的是为了演示，因为OP说其他样式也需要被覆盖。这是一个简单的js小提琴。也许我可以稍微改变一下名字-但我相信你会明白：谢谢！这解决了问题。我在第n个子类之前有了tr.new类。谢谢，这只是在键入问题时的一个快速疏忽-如果我粘贴原始表格，那么将有太多代码使问题易于阅读；）

table.primary tr.new:nth-child(odd) {
background-color: #ff0000;
}
table.primary tr.new:nth-child(even) {
background-color: #000000;
}