SASS無效的css錯誤

Question

我剛開始使用sass並安裝了預加載程序。我試圖編譯.scss文件，並得到了一個錯誤：

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

的.scss代碼：

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

}

我安裝了Ruby，和prepros。

Answer 1

SCSS使用$表示變量，所以它應該是background-color: $blue;

Answer 2

它看起來像你的語法是錯誤的。在Sass中，@用於諸如imports,media directives,partials（包括）和extends之類的內容。

如果要定義爲藍色特定的值，然後重新使用它，那麼語法是這樣的：

$blue: #3333FF; 

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