引用多个 mixin 没有选择正确的属性值答案

【问题标题】：referencing multiple mixins not picking the correct property values引用多个 mixin 没有选择正确的属性值
【发布时间】：2015-06-20 22:29:56
【问题描述】：

我有以下 2 个在同一范围内具有不同名称并定义相同变量的 mixin - @width 和 @height：

.myMixin1 {
    @width:  100%;
    @height: 400px;  
}

.myMixin2 {
    @width:  75%;
    @height: 200px;
}

我在同一样式规则中引用了上述两个 mixin：

.myClass {
    .myMixin1;
    .myMixin2;
    width: @width;
    height: @height;
}

这编译为：

.myClass {
    width: 100%;
    height: 400px;
}

而不是

.myClass {
    width: 75%;
    height: 200px;
}

我的问题是：

既然.myMixin2 是最后引用的，那么该类不应该从这个mixin 中获取属性值吗？

【问题讨论】：

【解决方案1】：

我想通了：

如果 mixin 的调用者包含由另一个 mixin 调用定义的同名变量，则不会复制变量。 LESS Docs

在调用.myMixin1 之后，调用者已经包含了变量@width 和@height。因此，对.myMixin2 的引用不会复制具有相同名称的变量。

【讨论】：