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