html - CSS - 表格中每第 n 列的样式

<分区>

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

每个第 3 个和第 4 个 child 都不会工作，我需要它是每第 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>

最佳答案

下面的怎么样；每 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>

关于html - CSS - 表格中每第 n 列的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67008503/

相关文章：

javascript - 我怎样才能给我的汉堡菜单动画？