CSS - выбирайте тэги только внутри таблицы

Question

Я хотел бы использовать css-селектор, чтобы получить только th-теги с tbody. В разделе thead также есть теги th, которые я не хочу включать в селектор. Вот разметка, с которой я работаю. Есть ли селектор для этого?

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

Зная, что вы можете встраивать его с другим тегом, в теле вы наверняка найдете их так: table.bgtable > tbody th