仅在 application.css.sass 中无效的 CSS [重复]

Posted 2023-03-06

【中文标题】仅在 application.css.sass 中无效的 CSS [重复]

【英文标题】：Invalid CSS only in application.css.sass [duplicate]

【发布时间】：2015-04-25 21:27:45

【问题描述】：

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

/*
 *= require_self
 *= require_tree .
 */

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

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

但如果我添加额外的空格或更多空格，我不会收到 CSS 错误但样式未添加：

/*
 *= require_self
 *= require_tree .
 */

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

对于我的自定义 scss 的其余部分，我没有这个问题。 我有其他应用程序没有这个问题。

【问题讨论】：

你为什么要改变你application.css？只需创建一个新文件，例如 main.css.scss，然后将所有样式都放在那里。

谢谢 vucko。有可能，是的。我正在关注“使用 Rails 4 进行敏捷 Web 开发”并以这种方式进行编码。我对其他应用程序没有问题，只有这个。我试图理解为什么。

如果你删除.sass扩展会发生什么 -> application.css?

@Vucko 所有需要的资产都停止工作。

【参考方案1】：

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

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