Css HTML5中的条件替代表行样式

Css HTML5中的条件替代表行样式,css,html,html-table,Css,Html,Html Table,自从HTML5问世以来,这个问题有什么变化吗 这是原始问题的副本: 是否可以在不在备用标记上定义类的情况下设置备用表行的样式 在下表中,CSS是否可以定义替代行样式,而不必为替代行指定row1/row2类?第1行可以是默认行,因此第2行是问题所在 <style> .altTable td { } .altTable .row2 td { background-color: #EEE; } </style> <table class="altTa

自从HTML5问世以来,这个问题有什么变化吗

这是原始问题的副本:

是否可以在不在备用标记上定义类的情况下设置备用表行的样式

在下表中,CSS是否可以定义替代行样式,而不必为替代行指定row1/row2类?第1行可以是默认行,因此第2行是问题所在

  <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>

CSS3支持tr标记上的第n个子属性。类似于以下的方法应该可以工作:

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

CSS3支持tr标记上的第n个子属性。类似于以下的方法应该可以工作:

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

雅各布R对您的原始帖子仍然适用。

雅各布R对您的原始帖子仍然适用。

但作者告诉:在IE中不起作用。。?你是说它还可以吗?很遗憾,它在IE中仍然不起作用。对于IE,您必须继续使用交替类或使用JS添加条带化。但作者告诉:在IE中不工作。。?你是说它还可以吗?很遗憾,它在IE中仍然不起作用。对于IE,您必须继续使用交替类或使用JS添加条带。谢谢。很高兴知道,谢谢。很高兴知道。