少的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

我不知道這是可能較少。您可以創建一個混合函數，該函數返回前綴爲前綴的路徑。如果您想在一段時間內更改前綴，並且只需在一個位置執行，這將非常有用。

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

Answer 2

只是找到了一種方法來做到這一點...逃脫一個空字符串@prefix: ~'';

我就遇上了這樣的箱陰影inset選項，往往會保持爲空。