条件替代表行样式

Question

是否可以设置备用表行的样式而不在备用<tr>标记上定义类？

使用下表,CSS可以定义备用行样式而不必为备用行提供类"row1/row2"吗？row1可以是默认值,因此row2是个问题.

<style>
.altTable td { }
.altTable .row2 td { background-color: #EEE; }
</style>

<table class="altTable">
 <thead><tr><td></td></tr></thead>
 <tbody>
  <tr><td></td></tr>
  <tr class="row2"><td></td></tr>
  <tr><td></td></tr>
  <tr class="row2"><td></td></tr>
 </tbody>
</table>

Answer 1

tr:nth-child(even) { background: #FFF; }
tr:nth-child(odd) { background: #EEE; }

在IE中不起作用,但它纯粹是表示性的,内容无论如何都会正常工作,所以我认为这不是一个大问题 - 取决于你网站上常规IE用户的百分比.