2

我有一个基本的 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; }
}​

现在它编译得很好。为什么 sass 会对这段代码有问题？我正在使用 node-sass (libsass 3.2)。

4

1 回答 1

1

我认为您可能在您的 SASS 中复制粘贴了一个意外字符，或者有人故意与您搞乱。您的 SASS 在带有 Libsass 3.1.0 的SassMeister上编译得非常好。但是请注意，如果您将代码片段复制粘贴到 SassMeister 中，则会在引发错误的地方得到这个奇怪的未知字符。经过进一步检查&#8203;，您的代码片段中有一个实体。所以...这要么是一个 SO 错误，要么是一个意外的复制粘贴。

......请告诉我我没有疯。

HTML 实体

于 2015-04-22T05:44:35.367 回答