SCSS不会编译 - 动画延迟

Question

我试图逐渐增加所有i元素的动画延迟，但我似乎无法正确获取语法。我晚上采取正确的方法或我应该使用js？干杯

http://codepen.io/2ne/pen/ycIpj

@for $i from 1 through 10 {
  &:nth-child(#{$i}) {
    animation-delay: (#{$i * 0.1})s; 
  }
}

Answer 1

您应该使用&更改li，请参阅以下代码：

@for $i from 1 through 10 {
  li:nth-child(#{$i}) {
    animation-delay:(#{$i*0.1s}); 
  }
}

这样的标记：

<li></li>
<li></li>
...

“基本级规则不能包含父选择器引用字符'＆amp;'。”