类特定类型n(类型)

Question

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

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

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

谢谢

Answer 1

在样式定义中指定表的类或id:

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