Wordpress 将动画持续时间增加未知数sass

我想将动画持续时间增加一个未知的数字。这就是我所拥有的：

@for $i from 1 through 10 {
    .rw-words span {
        animation: rotateWord 27s linear infinite 0s;
        &:nth-of-type(#{$i}) {
           animation-delay:$i * 3s;
        }
    }
}

---

这适用于多达10个项目，但我需要能够增加每个项目的动画持续时间，但不知道将有多少项目。这是一个WordPress站点通过帖子循环，可能有10或200个帖子。

SASS被预编译为纯CSS，稍后由浏览器加载和解析。不可能得到元素的计数，因为在编译时，它们是未知的。

正如安德拉德所说，Sass被编译成纯CSS，它不知道您可以拥有多少元素

对我来说，有两种方法可以做到这一点

---

第一个是制作一个“Max animation scenario”，意思是你在循环中硬编码：

@从0到500的$i（500或200）

但最终可能会有很多未使用的css


或者你可以使用javascript，对我来说，这是最好的选择。
您将计算您有多少个项目，并根据顺序更改动画延迟（
item.style.animationDelay=i*3
）
我理解您正在尝试设置多达200个文本元素的动画是否正确？