less学习教程六

           本文从http://lesscss.org/features/#merge-feature翻译而来。

      合并

属性联合

合并功能允许将多个属性的值聚合到用逗号或空格分隔的单个列表属性中。合并对于background和transform等属性很有用。

         逗号

用逗号来附加属性值。

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;
}

         空格

用空格来附加属性值

v1.7.0引入

例：

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

输出

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

为了避免在无意中引入连接，合并操作需要在每个联接待决声明上都用+或+_显式标记。