我可以在LESS mixin中使用一组CSS伪类吗？

Question

我开始在应用程序中使用LESS框架。我经常在应用程序中有一些位置，我需要将元素的伪类标准化为所有相同的样式。

而不是输入

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

我正在使用LESS的嵌套样式来附加那些伪造的类，如下所示：

.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);
}