跳過第一項，然後重複規則每x x

Question

當我有一個bootstrp網格，其中包裝物品是不同的高度我使用像下面的規則，以確保我在每一行上具有相同數量的項目。

.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; 
} 

我知道這不是最好的辦法。如果我有一個非常大的網格，我需要爲每一行明確地指定清晰的像這樣。

如何將它作爲重複規則編寫而不必指定每行包裝元素的開始？

Answer 1

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

但我建議你使用Flexbox的避免float和clear黑客。

只需添加到您的容器：

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