可變範圍

變數存在於特定範圍內,與 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
}

如果匯入 ,則在工作表級別(塊之外)宣告的變數也可以在其他工作表中使用。