SCSS不會編譯 - 動畫延遲

Question

我想提高我所有的我的元素的動畫延遲增量，但我似乎無法得到正確的語法。我晚上採取正確的處理方法或我應該使用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> 
... 

「基地級規則不能包含家長選擇引用字符ACTER '&'「。