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

Question

我使用JavaScript动态创建HTML表格，以便列数可以变化（介于1和10之间）。 在CSS中，我可以自动将类样式应用于此表中除第一列以外的所有列，而无需手动向每列添加类吗？

我想也许有一个使用第n孩子的伎俩，但无法得到这个工作。

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.