sass - 如何从 sass 到 css 获得正确的缩进？

Question

我是一个新的 sass 用户。当我输入 style.scss 并将其转换为 style.css 时，样式表缩进太差了。style.css 没有得到正确的缩进。

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

谢谢你

Answer 1

Sass 有一些输出样式。听起来您正在寻找“扩展”样式。

嵌套的

#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 图标），你可以在那里切换它。