css - LESS.js + @arguments + 跳过一个参数

Question

我一直在谷歌等搜索，但我找不到我要找的东西(我希望我没有遗漏任何东西)。所以我认为我最好的选择是问你们 :)

我正在玩弄 LESS-JS第一次，我真的很喜欢。但是我现在有一个小问题。

我像这样使用 @arguments 变量:

.basicBorder(@width:1px, @type:solid, @color:@black){
    border:@arguments;
}

按预期工作。现在，当我希望边框为红色时，我将其添加到我的 css 中的元素中:

.basicBorder(1px, solid, @red);

这也按预期工作。但是我想避免编写 1px, solid,，因为这些已经是我的默认值，但是当我尝试这样做时:

.basicBorder(@red);

或者这个:

.basicBorder(,,@red);

它不起作用。

所以我想知道是否有人知道如何“跳过”前 2 个变量，这样我就可以输入颜色，以防我不想更改边框宽度和类型。

我希望你明白我想说的!

问候!

Answer 1

您实际上可以命名后面的参数并跳过第一个参数。您的问题的语法是:

.basicBorder(@color:@red);

您也可以在开头使用正常的有序参数，并从其余参数中提取命名参数:

.basicBorder(2px, @color:@red);

这会将 @width 设置为 2px，将 @type 设置为默认值，将 @color 设置为 @red。如果您有更多很少使用的参数，那就太好了。