Sass无效的CSS错误：“预期的表达”

Question

我刚刚关注Sass tutorial。由于某种原因虽然Sass文件没有正确生成css。终端说css无效，但我很确定它不是。我已经尝试过更改它以防万一有问题...

我做错了什么？

Sass版本：Sass 3.1.10

错误讯息：

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

.sass文件内容：

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

Answer 1

根据您的错误消息（error sass/test.sass），我可以告诉您正在使用Scss文件的.sass扩展名。将文件名更改为style.scss。

Sass和Scss使用两种不同且不兼容的语法。

Answer 2

试试这个：

/* style.scss */
#navbar {
    width: 80%;
    height: 23px;
}

/* style.sass */
#navbar 
    width: 80%
    height: 23px