使用 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;
}