Nth-Child CSS选择器

前端之家收集整理的这篇文章主要介绍了Nth-Child CSS选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有九套颜色方案,我想应用于一系列div.使用:nth-​​child(1),:nth-​​child(2)…适用于前九个,但是我希望序列在那之后重复,我不能绕着(3n) 2)符号……我想我明白了,但我似乎无法哄骗它做我想做的事情.这是可能的,还是我应该在我写出来时为每个div应用一个类?

谢谢!

解决方法

如果您的意思是需要对每九个连续元素应用不同的规则,则必须使用以下九个选择器:
:nth-child(9n+1)
:nth-child(9n+2)
:nth-child(9n+3)
:nth-child(9n+4)
:nth-child(9n+5)
:nth-child(9n+6)
:nth-child(9n+7)
:nth-child(9n+8)
:nth-child(9n+9) /* Or :nth-child(9n) */
原文链接:https://www.f2er.com/css/217779.html

猜你在找的CSS相关文章