我在同一范围内有以下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中获取属性值?
答案 0 :(得分:1)
我想出了这个:
如果mixins的调用者包含由另一个mixin调用定义的相同名称的变量,则不会复制变量。 LESS Docs
调用.myMixin1
后,调用者已经包含变量@width和@height。因此,对.myMixin2
的引用不会复制具有相同名称的变量。