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

我有几个<li>项目的导航。有自动颜色选择的第n个孩子？

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

现在我想给每个类不同的背景颜色。

有没有办法做到这一点在一个单一的CSS标签？

因为随着时间的推移，我的菜单将会增长，我不想把每一个变化都放在手上。也就是说像

color: #eee +X;

来源

2012-03-07 3und80

重复的已知数量的颜色（如斑马条纹）？或者渐变几乎就像一个渐变？ – isotrope 2012-03-07 14:56:13

更像是一个渐变（不重复） – 3und80 2012-03-07 15:10:05

你不能只是把前面的几个项目的CSS？否则，菜单将如何增长？是否有一些自动过程添加项目？ – 2012-03-07 15:28:26

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

来源

2013-12-22 06:01:47 Qwerty

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

回答

相关问题