CSS - 为表中的每 n 列设置样式

Pad*_*han 3 html css

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

每第三个和第四个孩子都不起作用,我需要它是每第二组 2 列。

td:nth-child(3n), td:nth-child(4n){
    background-color:#ddd;
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

Geo*_*rge 5

下面怎么样?每 4 个目标<td>和每 4 个元素<td>之前的 ( ):-1

td:nth-child(4n), td:nth-child(4n-1){
    background-color:#ddd;
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)