html - Rails 上的 SASS 无效 CSS 错误

Question

我正在尝试使用 http://startbootstrap.com/stylish-portfolio但是在我的 Rails 应用程序中，我的 stylish-portfolio.css.scss.erb 文件中出现以下错误:

ActionView::Template::Error (Invalid CSS after "body ": expected selector or at-rule, was "{"

这是我的 CSS 文件:

@import 'bootstrap'

/* Global Styles */

html,
body {
  height: 100%;
  width: 100%;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

...

Answer 1

我的猜测是您在 stylish-portfolio.css.scss.erb 文件中缺少一个分号，可能是在 SCSS 变量定义之后？

Here's the original CSS file我假设你是基于此，也许你想在它和你的之间做一个 diff 以确定发生了什么变化。

---

编辑: 是的，第一行后面显然少了一个分号。 @import 语句

@import 'bootstrap'

应该是

@import 'bootstrap';

因为您使用的是 .scss 扩展名。如果您使用的是 .sass 扩展，则可以省略分号。