Less 混合函数

混合范围

如果我们在一个混合中定义了变量，那么这个变量只能在这个混合或者引用了这个混合的区域中使用。但是有一个例外，就是如果调用者包含一个具有相同名称的变量，则该变量不会复制到调用者的作用域中，仅存在于调用者本地范围内的变量受到保护，而从父范围继承的变量将会被覆盖。

示例：

.xkd() {
  @w:  10px;
  @h:  20px;
}
.p1{
  .xkd();
  @w: 100px;
  width:  @w;
  height: @h;
}

编译成 CSS 代码：

.p1 {
   
  width: 100px;
  height: 20px;
}

Mixins 返回值

我们可以在 Mixins 中定义变量，并将作为它的返回值。

示