基本父選擇器

& 運算子是父選擇器。當在或作為選擇器使用時，它將被最終 CSS 輸出中的完整父選擇器（整個選擇器序列直到巢狀塊的最頂層）替換。

在建立需要以不同於預設方式使用父選擇器的巢狀規則時，它非常有用，例如更改父選擇器放置的順序或將其與其他選擇器連線。

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

結果在以下 CSS 中，父選擇器 a 與:hover 規則連線：

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

儘可能使用父選擇器的一大優點是減少了選擇器的重複。