少扩展同一级别的多个类

时间:2016-11-10 14:27:59

标签: css css-selectors styles less

我不想在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 请查看以下评论​​,以部分解决此问题。

0 个答案:

没有答案