css - 传递一个空的 LESS 参数以使用默认值？

Question

如果我有一个 LESS 参数混合，例如:

.trans (@what: all, @time: 0.2s, @type: ease-in-out) {
-webkit-transition: @arguments;
-moz-transition: @arguments;
-o-transition: @arguments;
-ms-transition: @arguments;
transition: @arguments; 
} 

它按预期工作:

.myItem {
  .trans;
 }

但是如果我想将 @time 设置为 0.4s，我似乎也必须为第一项传递一个参数:

.trans(all, 0.4s);

是否有只传递空参数的语法，所以只使用默认值(“全部”)？这不起作用，在编译时抛出错误:

.trans(,0.4s);

谢谢。

Answer 1

可能为时已晚，但响应可能对其他人有用。

你也可以在调用 mixin 时命名变量，而不必遵循顺序。

考虑到您的情况:

 .trans (@what: all, @time: 0.2s, @type: ease-in-out) {  
   -webkit-transition: @arguments;  
   -moz-transition: @arguments;  
   -o-transition: @arguments;  
   -ms-transition: @arguments;  
   transition: @arguments; 
}

你可以做类似 .trans(@time:1s); 或 .trans(@type:linear, @what: opacity);

希望对您有所帮助。