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

Question

我正在使用JavaScript动态创建一个HTML表格，因此列数可以变化（在1到10之间）。CSS是否有一种自动应用样式类于该表格除第一列以外所有列的方法，而无需手动为每个列添加类？我认为可能会在nth-child中使用技巧，但我不能让它起作用。

- user2571510

---

你可以使用默认样式来设置表格单元格，然后覆盖第一列的样式 td:first-child。 - bansi

Answer 1

有几种方法，其中之一是

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

另一个：

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

这些内容在大多数浏览器上都能正常显示，但并非所有浏览器都支持。如果想要兼容所有支持CSS的浏览器，很遗憾，您需要间接实现：

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

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

- Jukka K. Korpela

Answer 2

试试这个：

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

这是代码演示链接。

- codingrose

---

这将为所有列设置样式，但不包括第一列。他想要相反的效果。 - Black