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和{{1}}元素？

谢谢

Answer 1

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

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

Answer 2

要使用tr:nth-of-type(odd)或table id定位class的{{1}}元素，请使用

playerslist

要定位table#playerslist tr:nth-of-type(odd), table.playerslist tr:nth-of-type(odd) {/* styling */} th的{{1}}和td元素，请使用

table

类特定类型n（类型）

2 个答案: