CSS - 为表格中的每一列设置样式[重复]

【问题标题】：CSS - styling every nth column in a table [duplicate]CSS - 为表格中的每一列设置样式[重复]
【发布时间】：2021-07-04 14:09:33
【问题描述】：

我有一个表格，其中每两个单元格都是相关的，我想用背景颜色来区分它们。

每个第 3 和第 4 个孩子都不起作用，我需要它是每 2 列的第 2 组。

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

<table>
<tr>
<td>1a</td><td>1b</td>
<td>2a</td><td>2b</td>
<td>3a</td><td>3b</td>
<td>4a</td><td>4b</td>
</tr>
</table>

【问题讨论】：

标签： html css

【解决方案1】：

以下怎么样；每 4 个 <td> 和 <td> 之前的目标 (-1) 每 4 个元素：

td:nth-child(4n), td:nth-child(4n-1){
    background-color:#ddd;
}

<table>
<tr>
<td>1a</td><td>1b</td>
<td>2a</td><td>2b</td>
<td>3a</td><td>3b</td>
<td>4a</td><td>4b</td>
</tr>
</table>

【讨论】：