我可以在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); 
}