跳过第一项，然后每x重复一次规则

Question

如果我有一个boottrp网格，其中包装项目的高度不同，我使用下面的规则来确保每行的项目数相同。

.col-sm-6:nth-child(3),
.col-sm-6:nth-child(5),
.col-sm-6:nth-child(7),
.col-sm-6:nth-child(9) {
  clear: both;
}

我知道这不是最好的方法。如果我有一个非常大的网格，我需要为每一行明确指定clear，就像这样。

如何将其作为重复规则编写而无需指定每行包装元素的开头？

Answer 1

.col-sm-6:nth-child(2n + 3) {
  clear: both;
}

但我建议你使用flexbox来避免float和clear黑客攻击。

只需添加容器：

.some-container {
    display: flex;
    flex-wrap: wrap;
}