javascript - HTML 表格中每两列 CSS/Javascript 交替颜色

Question

我有一个表，其中包含通过 Javascript 添加的动态列。我正在寻找一种方法来交替每两列的背景颜色，例如:

<table>
  <tr>
    <td>FIRST BGCOLOR</td>
    <td>FIRST BGCOLOR</td>
    <td>SECOND BGCOLOR</td>
    <td>SECOND BGCOLOR</td>
    <td>FIRST BGCOLOR</td>
    <td>FIRST BGCOLOR</td>
    <td>SECOND BGCOLOR</td>
    <td>SECOND BGCOLOR</td>
  </tr>
</table>

所以我知道如何使用 CSS(:nth-child(odd) 等)进行交替着色，但不知道如何让两列颜色相同，然后两列颜色不同，等等。 .

如何实现？ Javascript 或 jQuery 解决方案也很受欢迎，因为我正在使用元素中已有的解决方案，但当然更喜欢 CSS。

谢谢大家!

Answer 1

td
{
    background: #0f0;
}
td:nth-child(4n+3),
td:nth-child(4n+4)
{
    background: #f00;
}