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

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;}

Here is the fiddle.