更改每两行的表格行颜色

Question

我有一个 HTML 表格，希望每两行更改行颜色，一次更改两行。我并不是说使用 来选择所有其他行nth-child(even)，这是我在搜索引擎结果中不断看到的。我试图设置第 1 行和第 2 行的背景颜色，然后是第 5 行和第 6 行，然后是第 9 行和第 10 行...等等，而其他行则保留默认的白色背景。

我尝试过使用:nth-child(2n+b)，但我认为不可能使用该伪选择器。这些表是动态生成的，并且行数会波动，因此不能选择硬编码。

有某种 JavaScript 方法可以做到这一点吗？

Answer 1

使用 CSS 的表示法绝对是可能的:nth-child()：

tr:nth-child(4n + 1) td,
tr:nth-child(4n + 2) td {
    background-color: #ffa;
}

tr:nth-child(4n + 3) td,
tr:nth-child(4n + 4) td {
    background-color: #f90;
}

JS 小提琴演示。