html - 表格标题的CSS，即使是奇数行？

Question

我的表结构如下:

<table>
 <thead>
   <tr class="navigation">
   </tr>
 </thead>
 <thead>
   <tr class="headers">
   </tr>
 </thead>
 <tbody>
  <tr class="even">
    <td><a href="#"/></td>
  </tr>
  <tr class="odd">
  </tr>
  </tr>
 </tbody>
</table>

我定义了以下 CSS，如何在我的 CSS 中应用“导航”、“标题”、“偶数”、“奇数”类？如何定义它们与'table.even'，'table.odd'等'table'类相关？谢谢

table{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 10px;
    #margin: 45px;
    width:100%;
    text-align: left;
    border-collapse: collapse;  
}

Answer 1

更简单，不需要类:

tbody tr:nth-child(odd) {
    put your style here...
}

tbody tr:nth-child(even) {
    put your style here...
}

希望对你有帮助!