少css，定义空字符串变量

Question

我想定义一个变量，在某些情况下可能是空的 @prefix: "";

并像这样使用它 src: url("@{prefix}/path/to/something");

问题是它编译成了 src: url("""/path/to/something");

如何定义一个可以编译的空字符串变量 src: url("/path/to/something");

更新 问题已结束 https://github.com/cloudhead/less.js/issues/532

Answer 1

我不确定这是否可行。你可以创建一个mixin函数，它返回前缀为前缀的路径。如果你想在一段时间内改变一次前缀而只需要在一个地方做这件事就很有用。

.prefixRed(@path: @defaultpath) {
    background: transparent url("red/@{path}");
}
.prefixBlue(@path: @defaultpath) {
    background: transparent url("blue/@{path}");
}