web-dev-qa-db-ja.com

CSS-テーブルの本体内でのみタグを選択します

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>
csscss-selectors
13
Jeremy
.bgtable tbody th {
   color: red;
}
29
jessegavin
table.bgtable tbody th {
 /* CSS rules here */
}
5
Matt Ball
tbody>tr>th {color:red;}
3
dirq

前のものはすべて有効ですが、それでもより正確にすることができます（css-selectingはそれほどパフォーマンスが良くありません）。

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

クラスに属していないテーブルが複数ある場合は、それを選択に含めたくないので、「table.bgtable」を選択します。

あなたに知っていることは、あなたが他の方法でそれらを見つけることを確実にするであろうtbodyに他のタグを埋め込むことができます：table.bgtable > tbody th

1
arthur