少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: ~'';

我遇到了盒子阴影inset选项,通常会保持为空.

Answer 2

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

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