表替代n列CSS顏色

Question

我有一個動態表，在此的jsfiddle鏈路是它的一部分的一個例子

http://jsfiddle.net/Dta7K/

我想添加適當的CSS交替按日期的彩色列，我在尋找的CSS，如：

tr:nth-child(4n) td { } 

但我不知道我應該怎麼改變4N迭代該顏色的全列單元格的日期下。

這可能是最好的方法？

Answer 1

您的代碼將影響到每一個第四行中的所有單元格。

你想要的是，標題行每隔一列交替一次，而數據行交替每六列中的第4,5和6行。

thead tr th:nth-child(2n) { 
    background-color: #ccf; 
} 

tbody tr th:nth-child(6n + 4), 
tbody tr th:nth-child(6n + 5), 
tbody tr th:nth-child(6n + 6), 
tbody tr td:nth-child(6n + 4), 
tbody tr td:nth-child(6n + 5), 
tbody tr td:nth-child(6n + 6) { 
    background-color: #ccf; 
} 

Answer 2

如果你要的顏色列，你需要移動選擇到TD的:nth-child(n)部分以及刪除字母「N」：

tr td:nth-child(1) 

快速編輯你的小提琴，是這你是什麼意思？：

http://jsfiddle.net/99Z5Q/