2.1 變量 sass允許使用變量，所有變量以$開頭 $blue : #1875e7;　 　　div {　　　color : $blue;　　} 如果變量需要嵌套在字符串中，就必須需要寫在#{}之中 $side: radius; border-#{$side}: 20px; 2.2計算功能 sass允許在代碼中使用算式： body {　　　　margin: (14px/2);　　　　top: 50px + 100px;　　　　right: $var \* 10%;　　} 2.3嵌套 div h1{ color:red; } 可以寫成： div { h1{ color:red; } } 在嵌套的代碼塊內，可以使用&引用父元素。比如a:hover偽類，可以寫成： > a {　　　　&:hover { color: #ffb3ff; }　　} 2.4 代碼的重用 繼承 sass允許一個選擇器，繼承另一個選擇器 .class1 { 　　　　border: 1px solid #ddd; 　　} class2要繼承class1，就要使用@extend命令 > .class2 { > 　　　　@extend .class1; > 　　　　font-size:120%; > 　　} Mixin 使用@mixin命令，定義一個代碼塊。 @minix left{ float:left; margin-left:10px; } 使用@include命令，調用這個mixin div{ @include left; }