HTML5中的条件替代表行样式

时间:2010-12-31 01:48:06

标签: html css html5 html-table

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

2 个答案:

答案 0 :(得分:5)

CSS3支持tr标签上的“nth-child”属性。以下内容应该有效:

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

答案 1 :(得分:0)

雅各布R solution原始发布仍适用。