SASS @ -ms-keyframes上的顶级表达式无效

时间:2015-04-21 22:15:20

标签: sass gulp node-sass libsass

我有一个基本的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)。

1 个答案:

答案 0 :(得分:1)

我认为您可能在您的SASS中粘贴了一个意外字符,或者有人故意弄乱您。使用Libsass 3.1.0,你的SASS在SassMeister上编译完全正常。但请注意,如果您将代码段复制粘贴到SassMeister中,则会在抛出错误的地方获得这个奇怪的未知字符。进一步检查后,您的代码段中有&#8203;个实体。所以...这可能是一个SO漏洞或意外的复制粘贴。

...请告诉我我不是疯了。

HTML Entity