Sass 如何正确显示关闭}规则?

Sass 如何正确显示关闭}规则?,sass,Sass,我一直在玩SCS,试图清理我正在开发的新样式表。我爱死它了!简单,但强大。但我发现的一个问题是结尾}括号。例如,我使用以下工具编译它: sass --watch ./main.scss:../main.css …并使用以下SCS: #moreFilterOptionsBtn { text-align: center;font-size: 1.6em; a { background: none; padding: 0; } } 你会得到: #moreFilte

我一直在玩SCS,试图清理我正在开发的新样式表。我爱死它了!简单,但强大。但我发现的一个问题是结尾}括号。例如,我使用以下工具编译它:

 sass --watch ./main.scss:../main.css
…并使用以下SCS:

#moreFilterOptionsBtn {
  text-align: center;font-size: 1.6em;

  a {
    background: none;
    padding: 0;
  }

}
你会得到:

#moreFilterOptionsBtn {
  text-align: center;
  font-size: 1.6em; }
  #moreFilterOptionsBtn a {
    background: none;
    padding: 0; }
我怎样才能使它的格式更好?即

#moreFilterOptionsBtn {
  text-align: center;
  font-size: 1.6em; 
}
  #moreFilterOptionsBtn a {
    background: none;
    padding: 0; 
  }
i、 e将结束}放在新行上,而不是在规则末尾挤压?对我来说,这更容易阅读


谢谢你!我刚刚发现了CLI中的-style值:

只需将-style扩展到末尾,即可正确格式化:

 sass --watch ./main.scss:../main.css --style expanded

为什么格式很重要?没有人会编辑已编译的CSS,开发工具会正确处理它。@jmargolisvt-你是说你没有读取输出的CSS文件来检查语法?这就是我正在做的,这就是为什么我需要它的格式更好。实际上,我还是找到了解决方案——使用扩展的样式,请参见下面的答案。我最终还是会缩小这些CSS文件,但是在开发的时候,我需要能够检查它们,从来没有看过它,从来没有听说过有人检查过它。SASS非常可靠。如果您编写的规则与您的想法不同,您将在开发工具中发现它。很高兴你找到了答案这对我来说还是很新鲜。我相信我将来会学会相信它,但现在我喜欢看它的输出,所以我可以肯定它在做我认为它是什么,呵呵