2012-01-05 84 views
0

我剛開始使用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基本級規則之間的差異,但偶爾我想選擇性地將規則分組在一起而不嵌套它們。有沒有辦法?

回答

0

我使用sass語法,但它應該工作相同。當你在看文件時添加樣式選項標籤。

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

謝謝。不幸的是,我不認爲我的原始問題很清楚。爲了清晰我編輯過。我目前使用緊湊的風格,因爲這是我(和我的團隊)更喜歡的。但是我們有時想刪除規則之間產生的那些額外的空白行,以便我們可以將類似的規則分組在一起。目前我們能找到的唯一方法是將這些規則嵌套在另一個規則中。 – Jooky 2012-01-06 19:48:32