我可以在较少的混入中使用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);
}