具有动画持续时间的循环的Sass错误

我对Sass循环有问题。我想让动画

.1

秒、

.2

秒等等…下面是循环：

@for $i from 1 through 6 {
  #elem span:nth-child(#{$i}) {
    animation-delay: .#{$i}s;
  }
}

问题似乎与这里的时间有关：

{$i}s

如果我移除它，效果会很好，但我在几秒钟内得到我的动画，而不是我想要的几分之一秒

您可以用引号将

#{$i}s

括起来，然后使用string函数修复该问题，如下所示：

@从1到6的$i{
#元素span:n子元素（#{$i}）{
动画延迟：取消引号（“.{$i}s”）；
}
}

从：

unquote（$string）

从字符串中删除引号。如果字符串是 已经未引用，这将返回未修改的

---

为什么不把它改成

{$i}00ms

？这很有效。感谢you@Grinfax不客气。看来你是新的StAccess，如果是这样，请考虑。