第n个子网格选择

Question

我正在寻找下面的支持图像构建以下网格结构，以便它继续使用相同的模式，但我不确定我应该使用的第n个子规则，我已经尝试过了几乎没有用。

我的当前代码是

.category:nth-child(5n+1)
{
  width:48%;
  max-width: 48%;
}

但不幸的是，这在我想要的效果之间留下了一排4。

Answer 1

我认为这些项目是浮动的，并且您希望能够无限多地添加并保持相同的模式。

在这种情况下，我会使用两个选择器，因为你需要选择每个六个块中的第一个和最后一个项目。

.category:nth-child(6n), .category:nth-child(6n-5) {
    max-width: 48%;
    width: 48%;
}