使用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。