Less 映射（Maps）和 作用域（Scope）用法

从 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;
}