更少的语法问题[重复]

Question

我无法理解某些语法用法。我有一个带有默认参数的简单混合：

 @red: #ff4136;
 @blue: #00aef9;
 @green: #01ff70;
 @yellow: #ffdc00;

.paint(@color: @yellow, @height:100px, @width:200px) {
background-color: @color;
height: @height;
width: @width;
}

    .monster-happy {
        .paint(@color, 100px, 10px);
    }

我只想更改第一个和最后一个默认参数，我不想更改中间参数，例如：

.monster-happy {
    .paint(@red, @height, 10px);
}

但它不起作用。我应该如何使它正确以及有什么更好的方法来做到这一点？

Answer 1

我相信您可以忽略要使用默认值的值，然后显式定义参数后面的任何参数。

.monster-happy {
    .paint(@red, @width: 10px);
}

这是因为你的 mixin 会检查传入的值，以便你传递它们。它总是期望颜色优先，这就是为什么我们可以只使用@red，但由于省略了高度，我们必须明确声明下一个值是@width 属性。