在SCSS中使用Var之前的點

如果我在#{$i}s之前刪除點，則此scss有效。因爲我想.1s，.2s，.3s等在SCSS中使用Var之前的點

Error: Invalid CSS after "...ation-duration:": expected expression (e.g. 1px, bold), was ".#{$i}s;" 
     on line 3 of app/sass/_common.scss 
>>  animation-duration: .#{$i}s; 
    -------------------------^

我需要這點：

@for $i from 1 through 9 { 
    #a#{$i} { 
     animation-duration: .#{$i}s; 
    } 
}

然而，當我包括點，咕嘟咕嘟給了我這個錯誤。我如何完成這項工作？

來源

2017-08-20 Jaikrexe

我有谷歌'dote'並得到了響應。現在我不確定它是否是一個錯字。（但在sass中是）。 – Xorifelse

我的意思是點。抱歉。 – Jaikrexe

然後用'。＃'表示一個班或一個ID嗎？因爲這是誤解，因爲它不會被解釋爲兩者。 – Xorifelse

我會做這種方式：

animation-duration: $i * 0.1s;

來源

2017-08-20 02:18:29

它的工作原理！謝謝！ – Jaikrexe

@Jaikrexe如果它有幫助，upvote，如果它回答你的問題接受它作爲一個。 – Xorifelse

在SCSS中使用Var之前的點

回答

相關問題