变量

如果你有经常使用的值,则可以将其存储在变量中。例如,你可以使用它来定义颜色方案。你只需要定义一次你的方案,然后就可以在整个样式表中使用它。

要定义变量,必须在其名称前加上$符号。 (就像在 PHP 中一样。)

你可以将任何有效的 CSS 属性值存储在变量中。例如颜色,字体或 URL。

示例#1:

$foreground: #FAFAFA;
$background: rgb(0, 0, 0);

body {
    color: $foreground;
    background-color: $background;
}

p {
    color: rgb(25, 25, 20);
    background-color: $background;
}