基本父选择器

& 运算符是父选择器。当在或作为选择器使用时，它将被最终 CSS 输出中的完整父选择器（整个选择器序列直到嵌套块的最顶层）替换。

在创建需要以不同于默认方式使用父选择器的嵌套规则时，它非常有用，例如更改父选择器放置的顺序或将其与其他选择器连接。

a {
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

结果在以下 CSS 中，父选择器 a 与:hover 规则连接：

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

尽可能使用父选择器的一大优点是减少了选择器的重复。