有自動顏色選擇的第n個孩子？

Question

我有幾個<li>項目的導航。

每個<li>都有它自己的類（NAV-1，NAV-2等）

現在我想給每個類不同的背景顏色。

有沒有辦法做到這一點在一個單一的CSS標籤？

因爲隨着時間的推移，我的菜單將會增長，我不想把每一個變化都放在手上。 也就是說像

color: #eee +X; 

Answer 1

有在CSS counters，但它是不可能使用attr()中檢索計數器的值，然後插入該值calc()。

如果對您來說足夠了，您可以循環使用，例如五種顏色。代碼看起來像這樣。

li:nth-of-type(5n+1) { color:#000; } 
li:nth-of-type(5n+2) { color:#333; } 
li:nth-of-type(5n+3) { color:#666; } 
li:nth-of-type(5n+4) { color:#999; } 
li:nth-of-type(5n) { color:#CCC; } 

或者您可以使用JavaScript（jQuery可能）來完成這項工作。