less 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

刚刚找到了一种方法来做到这一点...转义空字符串 @prefix: ~'';

我使用经常保留的 box-shadow inset 选项遇到了这个问题空的。

Answer 2

我不确定这是否可能在更少的时间内实现。您可以创建一个 mixin 函数，它返回带有前缀的路径。如果您想偶尔更改前缀并且只需在一个地方执行此操作，这将很有用。

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