3-2. 默認(rèn)變量值

一般情況下，你反復(fù)聲明一個變量，只有最后一處聲明有效且它會覆蓋前邊的值。舉例說明:

$link-color: blue;
$link-color: red;
a {
color: $link-color;
}

在上邊的例子中，超鏈接的color會被設(shè)置為red。這可能并不是你想要的結(jié)果，假如你寫了一個可被他人通過@import導(dǎo)入的sass庫文件，你可能希望導(dǎo)入者可以定制修改sass庫文件中的某些值。使用sass的!default標(biāo)簽可以實現(xiàn)這個目的。它很像css屬性中!important標(biāo)簽的對立面，不同的是!default用于變量，含義是:如果這個變量被聲明賦值了，那就用它聲明的值，否則就用這個默認(rèn)值。

$fancybox-width: 400px !default;
.fancybox {
width: $fancybox-width;
}

在上例中，如果用戶在導(dǎo)入你的sass局部文件之前聲明了一個$fancybox-width變量，那么你的局部文件中對$fancybox-width賦值400px的操作就無效。如果用戶沒有做這樣的聲明，則$fancybox-width將默認(rèn)為400px。

接下來我們將學(xué)習(xí)嵌套導(dǎo)入，它允許只在某一個選擇器的范圍內(nèi)導(dǎo)入sass局部文件。