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; }