在 Sass 中,你可以使用变量来存储和重复使用值。变量以 $ 符号开头,后面跟着变量名和值之间使用冒号分隔。下面是一个简单的例子:
$primary-color: #3498db;
$font-size: 16px;

body {
  color: $primary-color;
  font-size: $font-size;
}

h1 {
  color: darken($primary-color, 10%); // 使用 Sass 内置函数 darken 处理颜色
}

在这个例子中,$primary-color 和 $font-size 是两个变量,它们分别存储颜色值和字体大小。然后,这些变量被用于设置 body 元素和 h1 元素的样式。

Sass 中的变量可以存储各种类型的值,包括数字、字符串、颜色等。通过使用变量,你可以更容易地调整和管理样式表中的值,提高代码的维护性。


转载请注明出处:http://www.zyzy.cn/article/detail/6163/SASS