可變範圍
變數存在於特定範圍內,與 JavaScript 中的變數非常相似。
如果在塊之外宣告變數,則可以在整個工作表中使用它。
$blue: dodgerblue;
.main {
background: $blue;
p {
background: #ffffff;
color: $blue;
}
}
.header {
color: $blue;
}
如果在塊中宣告變數,則只能在該塊中使用它。
.main {
$blue: dodgerblue;
background: $blue;
p {
background: #ffffff;
color: $blue;
}
}
.header {
color: $blue; // throws a variable not defined error in SASS compiler
}
如果匯入 ,則在工作表級別(塊之外)宣告的變數也可以在其他工作表中使用。