将表格样式应用于除第一列之外的所有列

Question

我正在使用JavaScript动态创建HTML表,以便列数可以变化(1到10之间).在CSS中是否有一种方法可以自动将类样式应用于此表的所有列,但第一列除外,无需手动向每列添加类？

我想也许有一个使用nth-child的伎俩,但无法让这个工作.

Answer 1

有几种方法.其中之一是

th:nth-child(n+2), td:nth-child(n+2) { ... }

另一个:

th + th, th + td, td + th, td + td { ... }

这些浏览器的覆盖范围很好,但不是100%.要覆盖所有支持CSS的浏览器,我担心您需要间接执行此操作:

th, td { /* your settings here */ }
th:first-child, td:first-child { /* “overwriting” settings here */ }

此处"覆盖设置"表示覆盖第一个规则中的设置的设置.但这需要有关第一列所需渲染的信息.

Answer 2

试试这个:

td:not(:first-child){color:green;}