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; }
网友评论