8

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

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

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

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

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

谢谢你的帮助。

4

2 回答 2

11

您实际上想从第 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 演示

结果

于 2013-09-22T10:08:14.623 回答
1

一个小小的 nth-child 测试页面: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/

于 2013-09-22T11:33:16.003 回答