可变范围

变量存在于特定范围内,与 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
}

如果导入 ,则在工作表级别(块之外)声明的变量也可以在其他工作表中使用。