我可以在LESS mixin中使用CSS psuedo-class的数组吗？

Question

我开始在应用程序中使用LESS框架样式。我经常在应用程序中有需要标准化元素的伪类的地方都是相同的样式。

不是打字

button:hover, button:active, button:hover:active { /*styles here */ }

我使用较少的嵌套样式追加的伪类，像这样：

.button { 
{ 
    &, 
    &:hover, 
    &:active, 
    &:hover:active { 
      border: 2px solid #000000 
    } 
} 

这工作完全正常，并附加输出按钮类伪类。

我的问题是这样的：我可以更进一步地将psuedo调用添加到mixin中，因此调用mixin吗？我知道这可能看起来像过度工程，但我重复使用了很多样式表，并且能够重复使用一行代码并将其混合使用会很棒。

Answer 1

您可以使用功能混合：

.button(@_arg) { 
    &, 
    &:hover, 
    &:active, 
    &:hover:active { 
      border: @_arg; 
    } 
} 

，然后用它下列方式：

.example { 
    .button(2px solid #000); 
}