更改巢狀塊中的選擇器順序
Less 允許在複選擇器中的任何位置使用父選擇器(&
),因此允許在當前元素位於另一個元素內時更改樣式,從而為其提供不同的上下文:
例如,在下面的程式碼中,父選擇器放在最後,因此它實際上成為編譯的 CSS 中的子選擇器。
a {
color: blue;
.disabled-section & {
color: grey;
}
}
編譯 CSS:
a {
color: blue;
}
.disabled-section a {
color: grey;
}