第n个孩子有自动颜色选择？

Question

我有几个<li>项目的导航。

每个<li>都有自己的类（nav-1，nav-2等）

现在我想给每个班级一个不同的背景颜色。

有没有办法在一个单独的css-tag中执行此操作？

因为随着时间的推移，我的菜单会增长，而且我不想把手放在每一个变化上。 即

之类的东西

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）来完成这项工作。