从表头类名中选择所有行中的特定列

Question

在表中，<th>所有class和<td>都没有。

是否可以将<th> class的样式应用于所有<td>的普通css并且不需要任何script的样式？

此外table是动态的，因此列索引可能不同。所以我无法使用nth-child，只能通过class导航它。

以下是Fiddle

跨浏览器有什么更好的想法吗？

更新

表可能有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>