Javascript CSS选择每行的第一个div

如何选择每行的第一个元素

下面是我要做的：



黄色圆圈是两个元素连接的地方。我需要使用某种CSS选择器在它们之间添加间距。如果需要，我可以使用任何其他语言。
该网站是响应性的，因此我不能只添加“（分号）” 在中间或这将使divs正确每一行。这与：not（：first child）margin left的效果相同，因为每行的所有元素都向右移动

总之：

• 我需要在div之间添加间距，我已经标记了间距需要在哪里
• 我不能使用左边距，因为它将在右边的下一行分隔div

---

我该怎么做呢？

您可能知道框跳到下一行的屏幕宽度，所以只需使用这些断点作为您的

：nth-child（）

选择器的提示

例如：在>800px宽的屏幕上，每行显示4个块？在

@媒体屏幕和（最小宽度800px）{}

中，将所需的样式添加到

.classname:n子项（4n+1）

（每4个，从第一个开始）

所以看起来是这样的：

@media screen and (min-width 800px) {
  .classname:nth-child(4n+1) {
    margin-right: 2px;
  }
}

---

当然，您必须使用

：nth-child（）

选择器和断点才能完全实现您想要的功能，但由于您甚至没有共享一小段代码，我不知道它应该是什么样子。

寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中重现它所需的最短代码。请参阅第n个chid（x）部分，除非您已经尝试过：(