我正在使用一个带有交替行颜色的表格。
tr.d0 td {
background-color: #CC9999;
color: black;
}
tr.d1 td {
background-color: #9999CC;
color: black;
}
<table>
<tr class="d0">
<td>One</td>
<td>one</td>
</tr>
<tr class="d1">
<td>Two</td>
<td>two</td>
</tr>
</table>
在这里我使用 class for tr,但我只想使用 for table。当我将类用于表时,这适用于tr替代方案。
我可以使用 CSS 编写这样的 HTML 吗?
<table class="alternate_color">
<tr><td>One</td><td>one</td></tr>
<tr><td>Two</td><td>two</td></tr>
</table>
如何使用 CSS 使行具有“斑马条纹”?
使用CSS实现表格行的交替颜色
文章介绍了如何使用CSS来给HTML表格的行添加交替颜色,以创建类似斑马条纹的效果。通过定义不同的类如`.d0td`和`.d1td`应用到`<tr>`标签上,可以实现行的背景色变化。然而,提问者希望将样式直接应用到`<table>`标签上,而不需要为每行指定类。解决方案是使用CSS的`:nth-child`伪类选择器,允许基于行的索引自动应用样式。
992

被折叠的 条评论
为什么被折叠?



