我刚开始使用SCSS生成我的CSS文件。 “紧凑”样式是我首选的输出样式,但我不确定如何将基本级规则组合在一起而不嵌套它们。这基本上是一个关于美学的问题。
更清楚地说,通常是这个SCSS:
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
...将编译成这个CSS:
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
但我想有选择地删除规则之间的额外界限,以便它编译成这个CSS:
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
一般来说,我真的很喜欢Sass在基本规则之间添加换行符,但偶尔我想有选择地将规则组合在一起而不嵌套规则。有办法吗?
答案 0 :(得分:0)
我使用sass语法,但它应该工作相同。当您观看文件时,请添加样式选项标记。
`sass --watch --style compressed your_sass_file.sass:your_stylesheet_name.css`