HTML5 中的条件替代表格行样式答案

【问题标题】：Conditional alternative table row styles in HTML5HTML5 中的条件替代表格行样式
【发布时间】：2011-06-01 20:09:29
【问题描述】：

自从 HTML5 出现以来，这个问题Conditional alternative table row styles 有什么变化吗？

这是原始问题的副本：

是否可以在不为替代标签定义类的情况下设置替代表格行的样式？

使用下表，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>

【问题讨论】：

标签： css html html-table

【解决方案1】：

Jacob R 对您原始帖子的solution 仍然适用。

【讨论】：

但作者告诉：“在 IE 中不起作用”..？你的意思是可以吗？
遗憾的是，它仍然无法在 IE 中运行。对于 IE，您将不得不继续使用交替类或使用 JS 来添加条带化。

【解决方案2】：

CSS3 支持 tr 标签上的“nth-child”属性。像下面这样的东西应该可以工作：

tr:nth-child(odd)  { background-color: white; }
tr:nth-child(even) { background-color: green; }

【讨论】：

谢谢。很高兴知道。