我是这些选择器的新手,我想知道我将如何去做这样的事情。
我的选择器需要选择第 4 和第 5 个元素,但它需要继续这样做。所以它需要选择 4、5、9、10、14、15 等等。
这怎么可能?目前我可以像这样选择每三个项目:
.pure-g-r .pure-u-1-3:nth-child(3n+3)
但我不确定如何将其转化为我需要的东西。
谢谢你的帮助。
我是这些选择器的新手,我想知道我将如何去做这样的事情。
我的选择器需要选择第 4 和第 5 个元素,但它需要继续这样做。所以它需要选择 4、5、9、10、14、15 等等。
这怎么可能?目前我可以像这样选择每三个项目:
.pure-g-r .pure-u-1-3:nth-child(3n+3)
但我不确定如何将其转化为我需要的东西。
谢谢你的帮助。
您实际上想从第 4 和第 5 个元素中选择每一对,跳跃为 5。
因此,只需使用以下两个逗号分隔的选择器。
.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n)
一个小小的 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;
}