css - 特定于类的第 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带有 of 的表的id元素playerslist？

谢谢

Answer 1

在样式定义中指定表的类或 ID：

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

Answer 2

要使用 a 或被调用来定位a的元素tr:nth-of-type(odd)，请使用tableidclassplayerslist

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

要定位 have 的thandtd元素table，请id='playerslist'使用

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