CSS第n个子项-每行的第一个TD,可选颜色?
希望我能解释我想做什么 在桌子上。每行中的第一个TD应交替使用颜色 这是否可能使用第n个孩子 我试过几件事,但这件事似乎不合逻辑 (试图扩大我的视野)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问题,因为我
#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
}