如何从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编辑器，但如果有一个设置页面（也许尝试在编辑器右下方的齿轮图标），您可以在那里将其切换。