css - 创建高级 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%;
}

如果我想添加 60 个图 block ，在 CSS 中是否有一种方法可以使选择器考虑到该模式？这样我就不必一直指定确切的值了吗？我知道如何选择每 2 次或 3 次等，但不知道模式发生变化的地方。

感谢您的帮助

Answer 1

从你的图表来看，似乎在每组 6 里的元素中，你想要定位第 3 和第 4 ....试试这个:

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

dev.mozilla link

jsfiddle example