更改嵌套块中的选择器顺序

Less 允许在复选择器中的任何位置使用父选择器(&),因此允许在当前元素位于另一个元素内时更改样式,从而为其提供不同的上下文:

例如,在下面的代码中,父选择器放在最后,因此它实际上成为编译的 CSS 中的子选择器。

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

编译 CSS:

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