Html 如何使用css从每个第n个元素中删除左边距

下面是一个JSFIDLE：

每次它在一个新的行开始，我希望它没有左边的空白

我已经使用了：nth-child5n，但这只删除了一行

解决方案是什么？

您可以使用第n-child4n+1，这将是每行的第4个元素+1，这将是每行的第一个元素

上校{ 显示：块； 浮动：左； 利润率：1%01%1%； 框大小：边框框； 背景：浅蓝色； } .c1-4{ 宽度：23.8%； 高度：90px； } .col:n-child4n+1{ 左边距：0； 边框：1px纯红； }

.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1%;
}

.col:first-child {
  margin-left: 0;
}

.c1-4 {
  width: 23.8%;
  height: 90px;
  background-color: #fff;
}

<div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
  <div class="col c1-4"></div>
</div>