css - CSS3：如何选择每第 4 个和第 5 个元素

Question

我是这些选择器的新手，我想知道我将如何去做这样的事情。

我的选择器需要选择第 4 和第 5 个元素，但它需要继续这样做。所以它需要选择 4、5、9、10、14、15 等等。

这怎么可能？目前我可以像这样选择每三个项目：

.pure-g-r .pure-u-1-3:nth-child(3n+3)

但我不确定如何将其转化为我需要的东西。

谢谢你的帮助。

score 11 · Accepted Answer

您实际上想从第 4 和第 5 个元素中选择每一对，跳跃为 5。

因此，只需使用以下两个逗号分隔的选择器。

.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n)

score 1 · Accepted Answer

.pure-u-1-3:nth-child(5n + 4), .pure-u-1-3:nth-child(5n){
    color:red;
}

2 回答 2