Nth-Child CSS选择器

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

谢谢!

解决方法

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

猜你在找的CSS相关文章