Sass 如何正确显示关闭}规则?
我一直在玩SCS,试图清理我正在开发的新样式表。我爱死它了!简单,但强大。但我发现的一个问题是结尾}括号。例如,我使用以下工具编译它: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
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非常可靠。如果您编写的规则与您的想法不同,您将在开发工具中发现它。很高兴你找到了答案这对我来说还是很新鲜。我相信我将来会学会相信它,但现在我喜欢看它的输出,所以我可以肯定它在做我认为它是什么,呵呵