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

- vol4ok

Answer 1

刚刚找到了一种方法...可以转义空字符串 @prefix: ~'';

我在使用 box-shadow 的 inset 选项时遇到了这个问题，它经常会保持为空。

- Tyler

Answer 2

我不确定这在less中是否可行。您可以创建一个mixin函数，该函数返回带有前缀的路径。如果您想偶尔更改前缀并且只想在一个地方进行更改，则此方法非常有用。

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

- c4urself