mixins：增强background-image属性的值

Question

以下是mixin：

.a () {background-image: url(one.png);}

现在，我希望.b继承.a，但它应该添加第二个背景图片图层，例如：

.b {
    .a;                                 <-- import
    background-image: url(second.png);
}

将生成：

.b {
    background-image: url(one.png);
    background-image: url(second.png); /* wins */
}

和不

.b {
    background-image: url(one.png), url(second.png);
}

这就是我想要的......

是否可以在LESS处理这个问题？

Answer 1

这在LESS中是可能的，只是不像你写的那样。为了实现您所寻找的目标，您必须将图像设置为变量，如下所示：

@a:url('../images/img-a.png') top left repeat;
@b:url('../images/img-b.png') top left repeat;

然后，当你定义一个类或id时，你会像这样添加变量：

.someClass {
    background:@a, @b;
}