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

【问题标题】：Sass Invalid CSS Error: "expected expression"Sass 无效的 CSS 错误：“预期的表达式”
【发布时间】：2011-12-06 10:44:28
【问题描述】：

我刚刚关注了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;
}

【问题讨论】：

标签： css sass

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

尝试任一：

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

或者：

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

注意文件扩展名和语法的区别。

【讨论】：