Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 减:将具有相同值的属性(规则)组合在一起_Css_Less - Fatal编程技术网

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

我使用更少的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 - #123456;
}

更新:您不应该只关注我作为示例编写的道具(
边框
)。我想知道是否有任何方法可以组合任何具有相同价值的多个道具。如果没有办法做到这一点,请明确地说出来。

为什么不直接使用以下内容:

.my-class {
    border:  2px solid @main-bg-color - #123456;
    border-width: 2px 0;
}

作为@seven phases max,无法在更少的时间内组合多个具有相同价值的道具。使用或替代。

非更少,但也非重复,您可以使用
边框:solid@main bg color;边框宽度:2px0不,您不应该将两者合并。它在可读性和可维护性方面并不理想。保持你原来的样子。用混合器怎么样?为什么不呢?如果没有办法,请明确回答那么没有,没有任何类似于您的示例的东西(它只是太罕见和特殊的情况,没有专门的语法)。@seven phases max
width:@foo;身高:@foo