Sass无效的CSS错误：“预期expression式”

我刚刚遵循了Sass教程 。 由于某些原因，虽然Sass文件不能正确生成CSS。 terminal说，CSS是无效的，但我很确定它不是。 我也尝试改变它，以防万一有问题…

我做错了什么？

Sass版本：Sass 3.1.10

错误信息：

error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (eg 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