Css 减:将具有相同值的属性(规则)组合在一起
我使用更少的CSS预处理器。例如,如果有两个(或更多)具有相同值的规则Css 减:将具有相同值的属性(规则)组合在一起,css,less,Css,Less,我使用更少的CSS预处理器。例如,如果有两个(或更多)具有相同值的规则 .my-class { border-top: 2px solid @main-bg-color - #123456; border-bottom: 2px solid @main-bg-color - #123456; } 我能像这样把这两个合并成一个吗 .my-class { border-top, border-bottom: 2px solid @main-bg-color - #12345
.my-class {
border-top: 2px solid @main-bg-color - #123456;
border-bottom: 2px solid @main-bg-color - #123456;
}
我能像这样把这两个合并成一个吗
.my-class {
border-top, border-bottom: 2px solid @main-bg-color - #123456;
}
更新:您不应该只关注我作为示例编写的道具(
边框
)。我想知道是否有任何方法可以组合任何具有相同价值的多个道具。如果没有办法做到这一点,请明确地说出来。为什么不直接使用以下内容:
.my-class {
border: 2px solid @main-bg-color - #123456;
border-width: 2px 0;
}
作为@seven phases max,无法在更少的时间内组合多个具有相同价值的道具。使用或替代。非更少,但也非重复,您可以使用
边框:solid@main bg color;边框宽度:2px0代码>不,您不应该将两者合并。它在可读性和可维护性方面并不理想。保持你原来的样子。用混合器怎么样?为什么不呢?如果没有办法,请明确回答那么没有,没有任何类似于您的示例的东西(它只是太罕见和特殊的情况,没有专门的语法)。@seven phases maxwidth:@foo;身高:@foo对我来说,这似乎是一个很常见的情况。这个答案与问题并不相关。我把问题升级了,使它更清楚。