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

Question

我在我的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错误信息很差？

- mikl

---

不熟悉Compass，但是..第一行末尾缺少分号？ - drudge

你尝试直接在main.scss中声明border-radius混入以排除@import的不良行为了吗？ - mingos

Answer 1

如@jnpcl所说，分号可能是个好选择。但是，如果问题是由于分号引起的，那么它应该直接报告与此相关的错误。

这似乎有点牵强，但你把那行代码复制并粘贴了吗？也许出现了字符问题？

- Theresa Summa

---

事实证明，确实是缺少了分号导致了错误，Sass的错误提示相当差劲。 - mikl

谢谢。缺失的分号是问题所在。对我来说需要使用“@import”引入“bootstrap”。 - codingbbq