### **1.21. 默認值** **定義**：sass的默認變量僅需要在變量值后面加上!default，即可變成默認值。 <br/> <br/> #### **一、全局覆蓋默認變量：** **操作：**在默認變量“**之前**”重新聲明下變量的值。 sass樣式 `$line-height:2;//重新聲明變量` `$line-height:1.5;//默認變量` ~~~ body{ line-height: $line-height; } ~~~ 轉化成css ~~~ body{ line-height:2; } ~~~ **注意點：** **1.**如在默認變量“**之前**”重新聲明變量值，則后面使用該變量名稱的值均為默認值之前**重新聲明的變量值**。 <br/> **2.**如在默認變量“**之后**”重新聲明變量值，則相當于沒有默認值，**按照從上到下**，下面的覆蓋下面的規則進行覆蓋。 則：第一個default會被第二個default覆蓋。第二個default會被沒有聲明default的變量覆蓋，所以最終輸出的是沒有聲明default的變量 列： sass樣式： ~~~ $height:300px!default; $height:400px; ~~~ 則相當于： ~~~ $height:300px; $height:400px; ~~~ 則后面的變量名為：$height的值均為400px； <br/> <br/> <br/> #### **二、局部覆蓋默認值** 則在需要局部默認的樣式里重新定義變量值。 列： `默認變量：$line-height:40px!default;` 如h6需要行高為30px;，但希望后面仍然使用40px的行高。 則寫成： scss樣式為： ~~~ h6{ $line-height:30px!; line-height:$line-height; } ~~~ 則轉化成css： h6{ line-height：30px; } 如果該h6有子代或后代，則后代在樣式中同樣子給樣式賦予該變量名，則該變量的值是h6中重新定義的值，非默認值。