gpt4 book ai didi

html - CSS 颜色组 3

转载 作者:太空宇宙 更新时间:2023-11-04 16:15:29 25 4
gpt4 key购买 nike

<分区>

问题:

我正在尝试找出以 3 组为一组对表格实现交替颜色的最佳方法。https://jsfiddle.net/94g0fqLr/

<table>
<thead>
<th></th>
<th>2011</th>
<th>2012</th>
<th>2013</th>
<th>2014</th>
</thead>
<tbody>
<!-- Group 1-->
<tr>
<td><b>Gross Margin</b></td>
<td>14.5%</td>
<td>14.5%</td>
<td>15.0%</td>
<td>16.5%</td>
</tr>
<tr>
<td></td>
<td>19.9%</td>
<td>22.7%</td>
<td>22.6%</td>
<td>23.3%</td>
</tr>
<tr>
<td></td>
<td>21.2%</td>
<td>22.3%</td>
<td>26.4%</td>
<td>27.5%</td>
</tr>

<!-- Group 2-->
<!-- <tr> contents same as group 1 -->
<tr></tr>
<tr></tr>
<tr></tr>

<!-- Group 3-->
<!-- <tr> contents same as group 1 -->
<tr></tr>
<tr></tr>
<tr></tr>
</tbody>
</table>

我想要的是每隔一个交替着色。即 <tr>'s 1-3将是白色的,<tr>'s 4-6将是灰色的,<tr>'s 7-9会再次变白,依此类推。

我一直在摆弄:nth-child选择器,使用一系列 :not() 试图让它工作,但无济于事。

问题:

是否有纯 CSS 方法来做到这一点?
或者
我需要重构 HTML,添加类等吗?
或者
有更好的建议吗?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com