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

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 */ }

这里的“覆盖设置”是指覆盖第一条规则中的设置的设置。但这需要有关第一列所需呈现的信息。