引用多个mixins而不是选择正确的属性值

时间:2015-06-20 22:29:57

标签: variables less mixins

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

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

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

我在同一个样式规则中引用了上述mixins:

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

这编译为:

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

而不是

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

我的问题是:

由于最后引用.myMixin2,该类是否应该从此mixin中获取属性值?

1 个答案:

答案 0 :(得分:1)

我想出了这个:

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

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