將表格樣式應用於除第一列以外的所有列

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.