## 3.1 變量 SASS允許使用變量，所有變量以$開頭。 > 　　$blue : #1875e7;　 > > 　　div { > 　　　color : $blue; > 　　} 如果變量需要鑲嵌在字符串之中，就必須需要寫在#{}之中。 > 　　$side : left; > > 　　.rounded { > 　　　　border-#{$side}-radius: 5px; > 　　} ## 3.2 計算功能 SASS允許在代碼中使用算式： > 　　body { > 　　　　margin: (14px/2); > 　　　　top: 50px + 100px; > 　　　　right: $var * 10%; > 　　} ## 3.3 嵌套 SASS允許選擇器嵌套。比如，下面的CSS代碼： > 　　div h1 { > 　　　　color : red; > 　　} 可以寫成： > 　　div { > 　　　　hi { > 　　　　　　color:red; > 　　　　} > 　　} 屬性也可以嵌套，比如border-color屬性，可以寫成： > 　　p { > 　　　　border: { > 　　　　　　color: red; > 　　　　} > 　　} 注意，border后面必須加上冒號。 在嵌套的代碼塊內，可以使用&引用父元素。比如a:hover偽類，可以寫成： > 　　a { > 　　　　&:hover { color: #ffb3ff; } > 　　} ## 3.4 注釋 SASS共有兩種注釋風格。 標準的CSS注釋 /* comment */ ，會保留到編譯后的文件。 單行注釋 // comment，只保留在SASS源文件中，編譯后被省略。 在/*后面加一個感嘆號，表示這是"重要注釋"。即使是壓縮模式編譯，也會保留這行注釋，通常可以用于聲明版權信息。 > 　　/*!? > 　　　　重要注釋！ > 　　*/