我有一个基本的scss文件,其中包含(其中包括):
@keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
// <--- Error thrown on this line
@-o-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
在尝试编译时,我在上面的代码中指出的行上得到invalid top level expression
。好的,所以我尝试删除以下代码:
@-ms-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
现在它编译得很好。为什么这个代码块会出现问题?我正在使用node-sass(libsass 3.2)。
答案 0 :(得分:1)
我认为您可能在您的SASS中粘贴了一个意外字符,或者有人故意弄乱您。使用Libsass 3.1.0,你的SASS在SassMeister上编译完全正常。但请注意,如果您将代码段复制粘贴到SassMeister中,则会在抛出错误的地方获得这个奇怪的未知字符。进一步检查后,您的代码段中有​
个实体。所以...这可能是一个SO漏洞或意外的复制粘贴。
...请告诉我我不是疯了。