Css 动画延迟属性在Sass for循环中不起作用

我试图延迟一组元素的动画何时根据它们的索引开始，以便它们的动画按顺序开始

出于无法确定的原因，它根本不起作用：

我已经确认：

选择的元素很好，请注意背景是如何变化的

它与SVG没有任何关系

这与动画的无限性无关

看起来，当您尝试更改循环中的动画延迟属性时，它根本不起作用。它在循环外工作，在循环内的任何情况下都不工作

---

答案似乎完全相同，但我复制了它，它不起作用。Iunno.

@JackHasaKeyboard，这是一个特殊性的问题

#prog {
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  .dot {
    animation: pulse 1.6s infinite;
  }
}

@for $i from 1 through 3 {
  #prog .dot:nth-child(#{$i}) {
    animation-delay: $i * 1.6s;
    background: red;
  }
}

将prog id添加到循环中，它应该可以工作

这是你的叉子