如何使用css动画按顺序为未知数量的项目设置动画？

我有一个网格的项目，我想动画，使他们在一定的顺序来，但我不知道事先有多少项目，我将有。项目应根据其所在的对角线显示。因此，在下面的示例网格中，单元格1应该首先进入，然后是编号为2的单元格，依此类推

1 2 3 4 5
2 3 4 5 6
3 4 5 6 7

---

我知道我可以使用javascript设置动画延迟，但是有没有一种纯css的方法可以做到这一点？

你可以使用wow.js并使用数据属性设置偏移量。

我认为没有css唯一的解决方案。嗯，有趣的是，你可能可以使用nth-child（）数学以正确的顺序“绝对”定位项目，但我不确定。。如果你能在呈现前给出特定的类名，那就容易多了，但是你能以某种方式访问第n个子类的“n”个吗？我可能可以通过一次加载n行来“解决”这个问题。屏幕上只能容纳这么多行。