LESS:将属性(规则)与相同值组合

时间:2017-06-07 14:45:19

标签: css less

我正在使用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 - #123456;
}

更新:你不应该专注于我所写的道具(border)。我想知道是否有任何方法可以将任何具有相同价值的多个道具组合在一起。如果没有办法,请明确说明。

2 个答案:

答案 0 :(得分:1)

为什么不使用类似的东西:

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

答案 1 :(得分:0)

作为@ seven-phases-max says,无法在LESS中组合多个具有相同值的道具。请改用variablesmixins