CSS第n个子项-每行的第一个TD,可选颜色?

CSS第n个子项-每行的第一个TD,可选颜色?,css,Css,希望我能解释我想做什么 在桌子上。每行中的第一个TD应交替使用颜色 这是否可能使用第n个孩子 我试过几件事,但这件事似乎不合逻辑 (试图扩大我的视野) #0068b3 #fff #fff #aebde1 #fff #fff #0068b3 #fff #fff #aebde1 #fff #fff tr td:第一个孩子应该可以工作 注意:我首先回答了第n个孩子的tr问题,因为我可以发誓你要求使用其他行着色…tr td:first child应该可以 注意:我首先回答了第n个孩子的tr问题,因为我

希望我能解释我想做什么

在桌子上。每行中的第一个TD应交替使用颜色

这是否可能使用第n个孩子

我试过几件事,但这件事似乎不合逻辑

(试图扩大我的视野)


#0068b3
#fff
#fff
#aebde1
#fff
#fff
#0068b3
#fff
#fff
#aebde1
#fff
#fff

tr td:第一个孩子应该可以工作


注意:我首先回答了第n个孩子的tr问题,因为我可以发誓你要求使用其他行着色…

tr td:first child
应该可以


注意:我首先回答了第n个孩子的tr问题,因为我可以发誓你要求交替行着色…

你可以使用
偶数
/
奇数
tr
元素之间交替,并选择第一个孩子
td
元素:


您可以使用
偶数
/
奇数
tr
元素之间切换,并选择第一个子
td
元素:


杰出的我在“td:第一个孩子”部分遗漏了你的后半段陈述。谢谢,太好了。我在“td:第一个孩子”部分遗漏了你的后半段陈述。非常感谢。
<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>
table tr:nth-child(even) td:first-child {
    background:#0068b3
}
table tr:nth-child(odd) td:first-child {
    background:#aebde1
}