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

我正在使用JavaScript动态创建HTML表，以使列数可以变化(在1到10之间)。
CSS中有一种方法可以自动将类样式应用于此表的所有列(第一列除外)，而不必手动向每个列添加类？

我以为使用第n个 child 可能有一个窍门，但无法正常工作。

最佳答案

有几种方法。其中之一是

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

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

关于html - 将表格样式应用于除第一列以外的所有列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19653296/