sass SCSS

2024-04-12 07:56:05 429

示例

就像在Sass中一样，SCSS变量用于存储一个值，该值将在整个SCSS文档中多次使用。

变量通常用于存储常用的属性值（例如字体和颜色），但可以用于任何属性的任何值。

SCSS使用该$符号声明变量。

$font-stack: Helvetica, sans-serif;
$primary-color: #000000;

body {
  font-family: $font-stack;
  color: $primary-color;
}

!default如果要仅在尚未分配新值的情况下为该变量分配新值，则可以在声明变量时使用：

$primary-color: blue;
$primary-color: red !default; // $primary-color is still "blue"
$primary-color: green;        //现在是绿色。