创建高级CSS nth-child选择器

Question

我有一堆看起来像这样的瓷砖：

我目前瞄准蓝色的方式是这样的：

#recent ul li:nth-child(3),
#recent ul li:nth-child(4),
#recent ul li:nth-child(9) {
    width: 49.79166666666667%;
    margin: 0 0 0 0.41666666666667%;
}

在CSS中是否有办法制作一个考虑到该模式的选择器，如果我想添加60个图块？这样我就不必继续指定确切的值了？我知道如何选择每个第二个或第三个等，但不知道模式改变的地方。

感谢您的帮助

Answer 1

从你的图表中看，在每组6件物品中，你想要定位第3和第4 ......试试这个：

#recent ul li:nth-child(6n+3),
#recent ul li:nth-child(6n+4)

dev.mozilla link

jsfiddle example