html - 使用 css 替换具有不一致类的表行颜色的方法

Question

我想知道 css 是否足够复杂，可以将表行颜色与包含其他类的表结构中的类进行交替。举个例子：

<table>
<tr class="alt">
<td></td>
</tr>
<tr class="alt">
<td></td>
</tr>
<tr class="differentClass">
<td></td>
</tr>
<tr class="alt">
<td></td>
</tr>
<tr class="differentClass">
<td></td>
</tr>
</table>

所以我想做的只是用“alt”类替换行。

我努力了

table tr.alt:nth-child(even)

查看这个小提琴，你会明白我的意思：http: //jsfiddle.net/6mTSP/。“再次”行应该是白色而不是灰色。

也许仅使用 CSS 解决方案是不可能的？

Answer 1

目前仅使用 CSS 解决方案是不可能的。除非 CSS 允许伪选择器的组合，或者如注释中提到的那样专门创建另一个伪选择器，否则这将需要 JavaScript。