使用 at- root 指令本地化变量

@ at-root 指令可用于本地化变量。

$color: blue;

@at-root {
  $color: red;

  .a {
    color: $color;
  }
  .b {
    color: $color;
  }
}

.c {
  color: $color;
}

编译为：

.a {
  color: red;
}

.b {
  color: red;
}

.c {
  color: blue;
}