jquery - 是否可以循环:nth-child styles?的模式

Question

我创建了一个网格图案，它使用 23 种独特的显示和位置样式，使用 :nth-child(1)、:nth-child(2) 等在我的CSS 文件。

目的是让模式重复回到第 24 个元素上的第一个子样式，我已经查看了诸如 :nth-child(2n+1): 之类的示例，但该模式不是重复性足够了，所以我觉得从 1 到 23 的循环是最好的。

例如

div:nth-child(1)
div:nth-child(2)
---
div:nth-child(23)
loop

我的猜测是需要一点 jQuery，但是到目前为止我在搜索/jsfiddles 上的尝试非常糟糕。

希望这很容易理解。

Answer 1

如果我理解正确的话:

div:nth-child(n+23){ ... }    
div:nth-child(n+47){ ... }    
div:nth-child(n+71){ ... }
...

http://jsfiddle.net/dUXrC/

但是如果您只想在每 23 个 DIVS 后重复相同的样式:

div:nth-child(23n+1){ ... }    
div:nth-child(23n+2){ ... }   
div:nth-child(23n+3){ ... }    
...

http://jsfiddle.net/dUXrC/1/