css - テーブルヘッダークラ​​ス名からすべての行で特定の列を選択します

Question

テーブルでは、すべて<th>が持っていてclass、持っていませ<td>ん。

それらのスタイルを、プレーンで<th> class対応するすべてのスタイルに適用することは可能ですか？<td>cssscript

さらにtable、動的であるため、列のインデックスが異なる場合があります。だから私は使うnth-childことができず、それをナビゲートできる唯一の方法classです。

これがフィドルです

クロスブラウザのためのより良いアイデアはありますか？

アップデート：

テーブルには列数があり、列nに限定されない場合があります2

Answer 1

<col>これは、http：//www.quirksmode.org/css/columns.html#backgroundを使用して処理できますが、他の方法でのみ、クラスをどこにでも追加するか、JSを使用する必要があります。

Answer 2

これを試して

<table>
<tr>
    <th class="a">`Column A`</th>
    `<th class="b">`Column B`</th>
</tr>
<tr>
    <td class="a">`aaa`</td>
    <td class="b">`bbb`</td>
</tr>
<tr>
    <td class="a">`ccc`</td>
    <td class="b">`ddd`</td>
</tr>
</table>