普通變量

定義之后可以在全局范圍內(nèi)使用。

$fontSize: 12px;
body{
    font-size:$fontSize;
}

編譯后的css代碼：

body{
    font-size:12px;
}

默認(rèn)變量

sass 的默認(rèn)變量?jī)H需要在值后面加上 !default 即可。

$baseLineHeight:1.5 !default;
body{
    line-height: $baseLineHeight; 
}

編譯后的css代碼：

body{
    line-height:1.5;
}

sass 的默認(rèn)變量一般是用來(lái)設(shè)置默認(rèn)值，然后根據(jù)需求來(lái)覆蓋的，覆蓋的方式也很簡(jiǎn)單，只需要在默認(rèn)變量之前重新聲明下變量即可。
 

$baseLineHeight: 2;
$baseLineHeight: 1.5 !default;
body{
    line-height: $baseLineHeight; 
}

編譯后的css代碼：

body{
    line-height:2;
}

可以看出現(xiàn)在編譯后的 line-height 為 2，而不是我們默認(rèn)的 1.5。默認(rèn)變量的價(jià)值在進(jìn)行組件化開(kāi)發(fā)的時(shí)候會(huì)非常有用。