Less 当字符串的变量值减少时，请删除空格

下面是示例较少的混合代码

.mixin(@option) {
  .set(@options) when (@options = a){
    @type: linear;
  }

  .set(@option);

  background: -webkit-~'@{type}'-gradient(...);
}

输出

background: -webkit- linear -gradient(...);

---

如何删除线性周围的空格？

Less不支持通过value语句中的变量插值进行就地连接。在此特殊情况下，您需要一个临时变量+一个辅助变量来处理参数，例如：

@end-func: ~')';

div {
    @func: ~'-webkit-@{type}-gradient(';
    background: @func ... @end-func;
}

---

Less不支持通过value语句中的变量插值进行就地连接。在此特殊情况下，您需要一个临时变量+一个辅助变量来处理参数，例如：

@end-func: ~')';

div {
    @func: ~'-webkit-@{type}-gradient(';
    background: @func ... @end-func;
}

请尝试以下操作：

[功能更少]

.transition(@propValue) {

    -moz-transition: e(%("-moz-%a", @propValue));

    -webkit-transition: e(%("-webkit-%a", @propValue));

    -ms-transition: e(%("-ms-%a", @propValue));

    transition: @propValue;

}

[css]

[输出]

-moz-transition: -moz-transform 0.5s ease;

-webkit-transition: -webkit-transform 0.5s ease;

-ms-transition: -ms-transform 0.5s ease;

transition: transform 0.5s ease;

请尝试以下操作：

[功能更少]

.transition(@propValue) {

    -moz-transition: e(%("-moz-%a", @propValue));

    -webkit-transition: e(%("-webkit-%a", @propValue));

    -ms-transition: e(%("-ms-%a", @propValue));

    transition: @propValue;

}

[css]

[输出]

-moz-transition: -moz-transform 0.5s ease;

-webkit-transition: -webkit-transform 0.5s ease;

-ms-transition: -ms-transform 0.5s ease;

transition: transform 0.5s ease;

---

见下面我的答案。不过，如果您正在创建一个供应商前缀mixins库，请不要这样做。发现并使用Autoprefixer或任何适合您构建环境的AP包装器。现在，绝对不需要那些古老的贩卖黑客和他们强制执行的不可读的密码。你的答案很有效，非常感谢你的建议：请看下面我的答案。不过，如果您正在创建一个供应商前缀mixins库，请不要这样做。发现并使用Autoprefixer或任何适合您构建环境的AP包装器。如今，绝对不需要那些古老的贩卖黑客和他们强制执行的不可读的密码。你的答案很有效，非常感谢你的建议：