我可以在较少的混入中使用CSS psuedo类数组吗?

我可以在较少的混入中使用CSS psuedo类数组吗?,css,css-selectors,less,pseudo-class,Css,Css Selectors,Less,Pseudo Class,我开始在应用程序中使用较少的样式框架。我经常在应用程序中的某些地方需要标准化伪类,以使一个元素具有相同的样式 而不是打字 按钮:悬停, 按钮:激活, 按钮:悬停:活动{ /*这里的风格*/ } 我使用LESS的嵌套样式来附加那些psuedo类,如下所示: .button { { &, &:hover, &:active, &:hover:active { border: 2px solid #000000

我开始在应用程序中使用较少的样式框架。我经常在应用程序中的某些地方需要标准化伪类,以使一个元素具有相同的样式

而不是打字

按钮:悬停,
按钮:激活,
按钮:悬停:活动{
/*这里的风格*/
}

我使用LESS的嵌套样式来附加那些psuedo类,如下所示:

.button {
 {
    &,
    &:hover,
    &:active,
    &:hover:active {
            border: 2px solid #000000
    }
}
它工作得非常好,并输出带有附加psuedo类的button类


我的问题是:我是否可以进一步将psuedo调用添加到mixin中,从而调用mixin?我知道这看起来有点过于工程化,但我在几个样式表中大量重用了这一点,如果能够在混合使用的情况下重用一行代码,那就太好了

您可以使用功能混合:

.button(@_arg) {
    &,
    &:hover,
    &:active,
    &:hover:active {
            border: @_arg;
    }
}
然后按以下方式使用:

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