创建具有无限数量元素的特定 CSS 网格

Question

我尝试创建一个 CSS 网格，该网格将具有特定的列（逐行），我可以在其中添加任意数量的 DIV，这些 DIV 将按特定顺序添加：

[1] [2] [3]
[4] [5]
[6] [7] [8]
[9] [10]
etc

但我也希望能够访问每个“子组”（1-3、5-8、4-5、9-10 等）的 div，以通过 CSS 编辑它们的“内部”

如有任何帮助，我们将不胜感激。

我尝试使用

grid-template-columns

，但我所实现的只是通过

repeat(3, 1fr)

连续显示三个元素

Answer 1

做类似

<div style="grid-row: 1/2">3</div>

和

<div style="grid-row: 3/4">8</div>

的事情，但不确定如何使用无限的元素来做到这一点