紧凑型输出中的组规则？

我刚开始使用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; }

一般来说，我真的很喜欢萨斯放n基本级规则之间的差异，但偶尔我想选择性地将规则分组在一起而不嵌套它们。有没有办法？

来源

2012-01-05 Jooky

我使用sass语法，但它应该工作相同。当你在看文件时添加样式选项标签。

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

来源

2012-01-06 16:21:04

谢谢。不幸的是，我不认为我的原始问题很清楚。为了清晰我编辑过。我目前使用紧凑的风格，因为这是我（和我的团队）更喜欢的。但是我们有时想删除规则之间产生的那些额外的空白行，以便我们可以将类似的规则分组在一起。目前我们能找到的唯一方法是将这些规则嵌套在另一个规则中。 – Jooky 2012-01-06 19:48:32

紧凑型输出中的组规则？

回答

相关问题