如何從sass獲得正確的縮進到CSS？

Question

我是一位新的sass用戶。當我輸入style.scss並將其轉換爲style.css時，樣式表縮進效果太差。 style.css沒有得到正確的縮進。

我在這裏使用c9.io是我style.scss和style.css文件的screenshot

謝謝

Answer 1

薩斯有幾個output styles。這聽起來像你在尋找「擴展」的風格。

嵌套

#main { 
    color: #fff; 
    background-color: #000; } 
    #main p { 
    width: 10em; } 

膨脹

#main { 
    color: #fff; 
    background-color: #000; 
} 
#main p { 
    width: 10em; 
} 

緊湊

#main { color: #fff; background-color: #000; } 
#main p { width: 10em; } 

壓縮

#main{color:#fff;background-color:#000}#main p{width:10em}.huge{font-size:10em;font-weight:bold;text-decoration:underline} 

我不熟悉的C9編輯器，但如果有一個設置頁面（也許嘗試在編輯器右下方的齒輪圖標），您可以在那裏將其切換。