SASS/SCSS里变量的作用是啥啊？

Question

SASS/SCSS里变量的作用是啥啊 ，它可以让代码更简洁吗？

$myColor: red;

h1 {
  color: $myColor;
}

像这样写的话，还需要多写一行

Answer 1

因为你一个系统有很多公共的样式，比如整个系统的色调一直，你就可以设置个颜色变量，方便调用，不然每次都得看下是啥颜色，其他的类似，比如常用间距 8px。
又或者可以做主题化，通过统一管理变量，很快就能切换系统整体样式

如有帮助，望采纳 ^.^