Question

我想使用css选择器来获取带有tbody的th标签。 thead部分中还有一些标签，我不希望选择器包含这些标签。这是我正在使用的标记。是否有选择器来实现这一目标？

<table class="bgtable">
<thead><tr><td width="40%">&nbsp;</td>
<th class="tdplain">Grade 4</th>
<th class="tdplain">Grade 8</th>
<th class="tdplain">Grade 12</th>
</tr>
</thead>
<tbody><tr><th class="tdplain">Civics (2010)</th>
<td class="tdplain">769K</td>
<td class="tdplain">577K</td>
<td class="tdplain">1179K</td>
</tr>
</tbody>
</table>

Answer 1

.bgtable tbody th {
   color: red;
}

Answer 2

table.bgtable tbody th {
 /* CSS rules here */
}

Answer 3

tbody>tr>th {color:red;}

Answer 4

虽然之前的所有内容都是有效的，但仍然可以更精确（css选择不是那么高效）。

table.bgtable > tbody > th {
color:red;
}

如果您有多个不属于该类的表，则不希望将其包含在您的选择中，这就是“table.bgtable”的原因。

kwoning给你可以将其与其他标签一起嵌入，你肯定会找到它们，否则就像那样：table.bgtable > tbody th

CSS - 仅在表格的tbody中选择th标签

4 个答案: