グループのルールをまとめてコンパクトに出力できますか？

Question

私はCSSファイルを生成するためにSCSSを使い始めました。 「コンパクト」スタイルは私の好みの出力スタイルですが、ネストすることなくベースレベルのルールをグループ化する方法がわかりません。これは基本的に美学についての質問です。明確に言えば

、通常この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; } 

一般的に、私は本当に好きですベースレベルのルールの間にあるが、時々、それらを入れ子にすることなくルールを選択的にグループ化したい。方法はありますか？

Answer 1

私はsass構文を使用しますが、同じように動作するはずです。ファイルを見ているときに、styleオプションタグを追加してください。

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