css - 更少的 CSS mixin 参数

Question

我有这个 Less mixin -

.css3-transitions(@property: color, @duration: 0.3s, @transition: ease-in) {
  -webkit-transition:@property @duration @transition;
      -moz-transition:@property @duration @transition;
           transition:@property @duration @transition;
}    

我要在一个类中使用 in 但排除缓动并将其应用于不透明度所以我这样做..

.myClass{
 .css3-transition(opacity);
} 

但也插入了缓动。例如CSS 结果是这样的……

 -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;

我如何排除宽松政策？

Answer 1

假设您的 mixin 代码保持不变，您可以在调用时专门在 LESS 中设置值字符串 ~''):

.myClass{
 .css3-transitions(opacity, @transition: ~'');
}

请注意我不需要担心它是第三个参数，因为我明确告诉它我正在设置的参数，所以我不需要传递持续时间，因为它将保持默认值。