變數

如果你有經常使用的值,則可以將其儲存在變數中。例如,你可以使用它來定義顏色方案。你只需要定義一次你的方案,然後就可以在整個樣式表中使用它。

要定義變數,必須在其名稱前加上$符號。 (就像在 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;
}