如果开发者相对所有的列表项目都使用样式,采用一个个列表项目分别指定的方式,让剩下的列表项目循环采用一开始已经指定好的样式该如何实现那?
这是仍然可以使用用nth-child选择器,只要在“nth-child(n)”语句处,把参数n改成可循环的αn+β的形式就可以。α表示每次循环中共包括几种样式,β表示指定样式在循环中所处的位置。
为一组项目列表指定下面的CSS代码:
li:nth-child(4n+1) { background:#C00;} li:nth-child(4n+2) { background:#F30;} li:nth-child(4n+3) { background:#FF0;} li:nth-child(4n+4) { background:#6CF;}
此处是4中颜色作为一组循环,最终效果如上图所示。