类特定类型（单数）

Question

我找到了一个CSS教程来设置表格的样式，但在我的页面上还有其他表格。所以我无法弄清楚如何在这里使用选择器。 tr:nth-of-type(odd)是选择器。但我希望这只能用于名为playerslist的表id或class。

<table id="playerslist"> 
    <thead> 
     <tr> 
      <th>Player Name</th> 
      <th>Player #</th> 
      <th>Team</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Simon</td> 
      <td>25</td> 
      <td>Team A</td> 
     </tr> 
     <tr> 
      <td>Richard</td> 
      <td>5</td> 
      <td>Team B</td> 
     </tr> 
    </tbody> 
</table> 

任何想法如何定位与playerslist的id表的tr:nth-of-type(odd)，th和td元素？

谢谢

Answer 1

指定表格的class和id在你的风格定义：

table#playerslist tr:nth-of-type(odd) { 
    // your styles 
} 

Answer 2

要与id或class称为playerslist，使用

table#playerslist tr:nth-of-type(odd), 
table.playerslist tr:nth-of-type(odd) 
{/* styling */} 

靶向 table的 tr:nth-of-type(odd)元素

要定位th和有id='playerslist'一个table的元，使用

table#playerslist th, 
table#playerslist td {/* styling */}