從 Less 3.5 版本開始,你還可以將混合(mixins)和規則集(rulesets)作為一組值的映射(map)使用。
#colors() {
primary: blue;
secondary: green;
}
.button {
color: #colors[primary];
border: 1px solid #colors[secondary];
}
輸出符合預期:
.button {
color: blue;
border: 1px solid green;
}
Less 中的作用域與 CSS 中的作用域非常類似。首先在本地查找變量和混合(mixins),如果找不到,則從“父”級作用域繼承。www.djznrobot.com
@var: red;
#page {
@var: white;
#header {
color: @var; // white
}
}
與 CSS 自定義屬性一樣,混合(mixin)和變量的定義不必在引用之前事先定義。因此,下面的 Less 代碼示例和上面的代碼示例是相同的:
@var: red;
#page {
#header {
color: @var; // white
}
@var: white;
}