更改巢狀塊中的選擇器順序

Less 允許在複選擇器中的任何位置使用父選擇器(&),因此允許在當前元素位於另一個元素內時更改樣式,從而為其提供不同的上下文:

例如,在下面的程式碼中,父選擇器放在最後,因此它實際上成為編譯的 CSS 中的子選擇器。

a {
  color: blue;
  .disabled-section & {
    color: grey;
  }
}

編譯 CSS:

a {
  color: blue;
}
.disabled-section a {
  color: grey;
}