類特定類型（單數）

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 */}