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

Question

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

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

这怎么可能？目前我可以选择所有第三项：

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

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

感谢您的帮助。

Answer 1

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

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

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

jsFiddle Demo

Answer 2

一个小小的测试者页面：http://css-tricks.com/examples/nth-child-tester/

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

http://css-tricks.com/useful-nth-child-recipies/

http://css-tricks.com/how-nth-child-works/