sass切换编译后的css风格

cmd命令：sass index.scss:index.css --style expanded

注意：这里执行的cmd命令必须先进入到当前项目的输出的scss目录

--style 可以跟以下几种参数。

nested：嵌套缩进的css代码

expanded：展开的多行css代码

compact：简洁格式的css代码

compressed：压缩后的css代码

默认是nested，所以加不加--style nested不影响效果。

默认的风格：nested

nav {

ul {

margin: 0;

padding: 0;

list-style: none;

}

li { display: inline-block; }

a {

display: block;

padding: 6px 12px;

text-decoration: none;

}

}

在编译的时候带上参数“ --style nested”:

sass --watch test.scss:test.css --style nested编译出来的 CSS 样式风格：nav ul {

margin: 0;

padding: 0;

list-style: none; }

nav li {

display: inline-block; }

nav a {

display: block;

padding: 6px 12px;

text-decoration: none; }