跳到主要内容

合并属性(Merge properties)

merge 功能允许将多个属性的值聚合到一个单一属性下,以逗号或空格分隔。merge 对于像背景和变换这样的属性非常有用。

逗号(Comma)

用逗号, 附加属性值

发布 v1.5.0

示例:

.mixin() {
box-shadow+: inset 0 0 10px #555;
}
.myclass {
.mixin();
box-shadow+: 0 0 20px black;
}

输出

.myclass {
box-shadow: inset 0 0 10px #555, 0 0 20px black;
}

空格(Space)

用空格附加属性值

发布 v1.7.0

示例:

.mixin() {
transform+_: scale(2);
}
.myclass {
.mixin();
transform+_: rotate(15deg);
}

输出

.myclass {
transform: scale(2) rotate(15deg);
}

为避免任何意外的连接,merge 要求在每个待连接声明上显式使用 ++_ 标志。