在紧凑输出中将规则组合在一起？答案

【问题标题】：Group rules together in compact output?在紧凑输出中将规则组合在一起？
【发布时间】：2012-01-07 03:45:40
【问题描述】：

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

【问题讨论】：

标签： css sass

【解决方案1】：

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

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

【讨论】：

谢谢。不幸的是，我认为我最初的问题并不清楚。为了清楚起见，我进行了编辑。我目前使用紧凑风格，因为这是我（和我的团队）更喜欢的风格。但是我们有时想要删除规则之间产生的那些额外的空白行，以便我们可以将相似的规则组合在一起。目前我们能找到的唯一方法是将这些规则嵌套在另一个规则中。