如何在 Mac 上开始使用 Compass/Sass – 无效的 CSS 错误？答案

【问题标题】：How to get started with Compass/Sass on Mac – Invalid CSS error?如何在 Mac 上开始使用 Compass/Sass – 无效的 CSS 错误？
【发布时间】：2011-06-23 18:52:09
【问题描述】：

我正在尝试在我的 Mac 上开始使用 Compass/Sass。运行sudo gem install compass 后，我建立了一个带有单个main.scss 文件的项目，并使用compass watch 将文件自动编译为CSS。

main.scss 看起来像这样：

@import "compass/css3/border-radius"

div .blah .baz {
  @include border-radius(4px, 4px);
  font-weight: bold; 
}

看起来没什么复杂的，对吧？好吧，每次我保存文件时，我都会收到这样的错误：

>>> Change detected to: /Users/mikl/Sites/ddk7/profiles/blaahval/themes/kaskelot/./scss/main.scss
    error ./scss/main.scss (Line 3: Invalid CSS after ".../border-radius"": expected selector or at-rule, was "$blue: #3bbfce;")
overwrite ./css/main.css

我的 SCSS 语法有什么问题，或者只是指南针的错误消息很差？

【问题讨论】：

不熟悉 Compass，但是.. 第 1 行末尾缺少分号？
您是否尝试过在 main.scss 中直接声明 border-radius mixin 以排除 @import 的不当行为？

标签： css macos sass compass-sass

【解决方案1】：

正如@jnpcl 所说，分号会很好。但是，如果这是问题所在，它应该会引发与此直接相关的错误。

这似乎有点牵强，但您是否复制并粘贴了该行？或许是性格怪异？

【讨论】：

事实证明，实际上是缺少分号造成的，Sass 的错误消息相当糟糕。
谢谢。缺少的分号是问题所在。 @import "引导程序";对我来说是必需的。