html - 着色表行 - 3 行，3 种不同的颜色？

Question

我想将表格行的背景颜色设置为 3 种不同的颜色，基本上是这样的:

第 1 行 - 红色
第 2 行 - 蓝色
第 3 行 - 白色

最初我在使用 tr:nth-child(2n+3) {background: #6bb8ff}

时只有两种不同的颜色

但我猜这不适用于 3 种不同的颜色，例如第 6 行会匹配每第 3 行和每第 2 行？

有没有其他方法可以做到这一点，还是我想得太复杂了？ :-)

Answer 1

您可以对每三个元素使用 :nth-child(3n+3)。