CSS :nth-child()样式为第2和第3种，颜色相同，依此类推。
CSS :nth-child()样式为第2和第3种，颜色相同，依此类推。
提问于 2013-12-16 17:36:48
如何按照以下顺序设置链接的样式：
第一红，第二蓝，第三蓝，第四红，第五红，第六蓝，第七蓝等等。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-12-16 17:42:24
我会这么做的。
li:nth-child(4n+1),
li:nth-child(4n+4) {
background-color: red;
}
li:nth-child(4n+2),
li:nth-child(4n+3) {
background-color: blue;
}Stack Overflow用户
发布于 2013-12-16 17:43:46
div:nth-child(4n), div:nth-child(4n+1) { background: red; }
div:nth-child(4n+2), div:nth-child(4n+3) { background: blue; }下面是jsFiddle演示：http://jsfiddle.net/WTRhz/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20617110
复制相关文章
相似问题
腾讯云开发者
