我不想在Less中为我的按钮创建模块化样式。 让我们想象一下我的陈述:
.btn-base-styles{
...
/* Styles */
...
&:hover,&:focus{ /* Styles */ }
&.black{
background-color:black;
&:hover,&:focus{ /* Styles */ }
}
&.red{
background-color:red;
&:hover,&:focus{ /* Styles */ }
}
&.small{ font-size:12px; }
}
现在我想扩展我之前声明的一个或多个类的特定按钮,我尝试了这个:
#my-button{
&:extend(.btn-base-styles.red.small all);
}
不幸的是,它对我不起作用。我怎样才能做到这一点?我的项目非常庞大,有许多按钮变体,我需要保持一致。
编辑2016-11-10 请查看以下评论,以部分解决此问题。