SASS 无效的 css 错误

【问题标题】：SASS Invalid css errorSASS 无效的 css 错误
【发布时间】：2014-07-25 11:25:43
【问题描述】：

我刚开始使用 sass 并安装了 prepros。我试图编译一个 .scss 文件并得到一个错误：

Syntax error: Invalid CSS after " color: ": expected expression (e.g. 1px, bold), was "@blue;"

.scss 代码：

.footer {
clear: both;
background-color: @blue;

}

我安装了 Ruby 和 prepros。

【问题讨论】：

标签： ruby sass

【解决方案1】：

您的语法似乎是错误的。在 Sass 中，@ 用于imports、media directives、partials（包括）和extends。

如果你想为蓝色定义一个特定的值，然后重用它，那么语法是这样的：

$blue: #3333FF;

a {
    font-weight: bold;
    color: $blue;
}

【讨论】：

【解决方案2】：

SCSS 使用$ 来表示变量，所以它应该是background-color: $blue;

【讨论】：