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

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

$myColor: red;

h1 {
  color: $myColor;
}

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

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

如有帮助,望采纳 ^.^

很多啊 。比如 你这个 页面 所有的 背景 都是 红色 。你可以用这个 变量 代替 red 。
突然 有一天 说改成 绿色 。你要不用变量 ,那你就得 一个一个改 。

使用场景很多 。比如 主题色,字体大小 等等 。都需要使用到啊 。