如何从sass到css进行适当的缩进？

Question

我是一名新的sass用户。当我在style.scss中键入并转换为style.css时，样式表缩进太差了。 style.css没有得到适当的缩进。

我正在使用c9.io这里是我的style.scss和style.css的screenshot

谢谢

Answer 1

Sass有一些output styles。听起来你正在寻找＆＃34;扩展＆＃34;风格。

<强>嵌套

#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编辑器，但如果有设置页面（也许可以尝试编辑器右下方的cog图标），您可以在那里切换它。