组合规则在紧凑的输出?

时间:2012-01-05 19:24:34

标签: css sass

我刚开始使用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在基本规则之间添加换行符,但偶尔我想有选择地将规则组合在一起而不嵌套规则。有办法吗?

1 个答案:

答案 0 :(得分:0)

我使用sass语法,但它应该工作相同。当您观看文件时,请添加样式选项标记。

`sass --watch --style compressed your_sass_file.sass:your_stylesheet_name.css`