在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之前的点

回答

相关问题