Jquery SCS不会编译-动画延迟

Jquery SCS不会编译-动画延迟,jquery,css,sass,Jquery,Css,Sass,我试图增加所有I元素的动画延迟,但我似乎无法获得正确的语法。我正在采取正确的方法,还是应该使用js?干杯 您应该使用li更改&,请参见以下代码: @for $i from 1 through 10 { li:nth-child(#{$i}) { animation-delay:(#{$i*0.1s}); } } 对于这样的标记: <li></li> <li></li> ... ... “基本级别规则不能包含引用角色“&

我试图增加所有I元素的动画延迟,但我似乎无法获得正确的语法。我正在采取正确的方法,还是应该使用js?干杯


您应该使用
li
更改
&
,请参见以下代码:

@for $i from 1 through 10 {
  li:nth-child(#{$i}) {
    animation-delay:(#{$i*0.1s}); 
  }
}
对于这样的标记:

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

    “基本级别规则不能包含引用角色“&”的父选择器。”

    似乎在动画延迟数和“s”值之间有一个空格时起作用。我通过将s放在闭合括号内修复了它
    <li></li>
    <li></li>
    ...