$nav-color:#F90; 聲明變量

nav {

$width:100px;??

width:$width;??

color:$nav-color;

}

使用一個特殊的sass選擇器，即父選擇器。在使用嵌套規(guī)則時，父選擇器能對于嵌套規(guī)則如何解開提供更好的控制。它就是一個簡單的&符號

article a {

color:blue;??

&:hover { color:red }

}

減少代碼?

處理這種群組選擇器規(guī)則嵌套上的強大能力，正是sass在減少重復敲寫方面的貢獻之一

.container h1, .container h2, .container h3 {margin-bottom:.8em}

=》?.container {

? h1, h2, h3 {margin-bottom: .8em}}

在sass中，除了CSS選擇器，屬性也可以進行嵌套。盡管編寫屬性涉及的重復不像編寫選擇器那么糟糕，但是要反復寫border-styleborder-widthborder-color以及border-*等也是非常煩人的。在sass中，你只需敲寫一遍border:

nav{

border: {

? style: solid;width:1px;color:#ccc;

}}

混合器使用@mixin標識符定義，可以在你的樣式表中通過@include來使用這個混合器，混合器還可以傳遞參數(shù)

繼承?因為繼承是基于類的(有時是基于其他類型的選擇器)，所以繼承應該是建立在語義化的關系上。當一個元素擁有的類(比如說.seriousError)表明它屬于另一個類(比如說.error)，這時使用繼承再合適不過了