教程目录

变量

2021年12月19日更新

使用

在Sass/Scss中，由$符号开头的就是变量。

// 全局变量
$nav-color: #08c;

nav {
  // 局部变量
  $width: 100px;
  width: $width;
  color: $nav-color;
}

nav h1 {
  // 错误，你不能使用其他{}里面的局部变量
  // width: $width;
}

编译后

nav {
  width: 100px;
  color: #08c;
}
  1. -与_命名都是合法的，而且是通用的，也就说$nav-color与$nav_color是同一个变量
  2. 一般来说，推荐统一使用-

已添加到喜欢了