sass编译后css里的{}末尾总是不换行，有什么解决办法吗？

Question

sass编译后css里的{}末尾总是不换行，有什么解决办法吗？

Answer 1

你用的是koala不，是的话，再选中你要编译的scss文件后有个副框出来，在输出方式里选择不同方式在点执行编译就行了，分别如下：nested：所有{}的全是展开的例如div {width：100px;}expanded：和nested差不多，只不过“}”不是另起一行而是和内容的最后同一行，例如div {width:100px;}compact：每一个{}作为一行，例如div {width:100px;height:20px;}li{text-decoration:none;}compressed:所有内容都在一行