更改嵌套块中的选择器顺序
Less 允许在复选择器中的任何位置使用父选择器(&
),因此允许在当前元素位于另一个元素内时更改样式,从而为其提供不同的上下文:
例如,在下面的代码中,父选择器放在最后,因此它实际上成为编译的 CSS 中的子选择器。
a {
color: blue;
.disabled-section & {
color: grey;
}
}
编译 CSS:
a {
color: blue;
}
.disabled-section a {
color: grey;
}