更少的 mixin 和变量

我有以下混合：

.iconFont(@color: @green, @font-size: 18px){
  color: @color;
  font-size: @font-size;
}

如果我只想更改第二个变量值，我需要编写第一个变量默认值吗？

h1{
 .iconFont(@green, 14px);
}

不，调用函数时无需指定第一个参数的默认值。相反，你可以使用命名参数 http://lesscss.org/features/#mixins-parametric-feature-named-parameters显式让编译器知道您在 mixin 调用中传递的值是第二个参数的功能。

.sample{
    .iconFont(@font-size:14px);
}

上面的 Less 代码编译后将产生以下输出。 （注：我已经设置了@green as #00ff00.)

.sample {
    color: #00ff00;
    font-size: 14px;
}

使用命名参数功能时，即使参数传递的顺序也无关紧要。例如，可以按如下方式调用相同的 mixin：

.sample2{
    .iconFont(@font-size:24px, @color: #070707);
}

它会产生以下输出。

.sample2 {
    color: #070707;
    font-size: 24px;
}