Question

希望我能解释一下我的目的。

在表格中。每行中的第一个TD应该交替颜色。

使用第n个孩子可以吗？

我尝试过一些东西，但似乎无法逻辑地围绕这一个。

（试图扩大我的视野）

<tr>
  <td>#0068b3</td>
  <td>#fff</td>
  <td>#fff</td>
</tr>
<tr>
  <td>#aebde1</td>
  <td>#fff</td>
  <td>#fff</td>
</tr>
<tr>
  <td>#0068b3</td>
  <td>#fff</td>
  <td>#fff</td>
</tr>
<tr>
  <td>#aebde1</td>
  <td>#fff</td>
  <td>#fff</td>
</tr>

Answer 1

您可以使用even / odd在tr元素之间切换，并选择第一个子td元素：

EXAMPLE HERE

table tr:nth-child(even) td:first-child {
    background:#0068b3
}
table tr:nth-child(odd) td:first-child {
    background:#aebde1
}

Answer 2

tr td:first-child应该有用。

注意：我第一次回答了n-child的问题，因为我可以发誓你要求替代行着色......

CSS nth child - 每行第一个TD，交替颜色？

2 个答案: