仅在 application.css.sass 中无效 CSS

Question

如果我的 application.css.sass 在自定义 css 中没有额外的 space，例如：

/*
 *= require_self
 *= require_tree .
 */

 .locale {
   float: right;
   margin: -0.25em 0.1em;
 }

我有常见的错误：Invalid CSS after "right": expected expression (e.g. 1px, bold), was ";"

但是，如果我添加额外的 space 或更多，我不会收到 CSS 错误，但 未添加样式 :

/*
 *= require_self
 *= require_tree .
 */

   .locale {
     float: right;
     margin: -0.25em 0.1em;
   }

使用我的其余自定义 scss 我没有这个问题。我有其他应用程序没有这个问题。

Answer 1

将您的文件名更改为 application.scss，因为带有 .sass 扩展名的文件使用缩进语法（白色 space 敏感）。这解释了你的错误。

Here 是关于使用哪种语法的争论。

Invalid CSS only in application.css.sass