变量
如果你有经常使用的值,则可以将其存储在变量中。例如,你可以使用它来定义颜色方案。你只需要定义一次你的方案,然后就可以在整个样式表中使用它。
要定义变量,必须在其名称前加上$符号。 (就像在 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;
}