在LessCSS中测试空值

Question

我想在编写CSS属性之前测试是否定义了变量。例如：

#someElement {
    if (@variable) {
        background-image: url(@variable);
    }
}

这样做的原因是当变量为null时阻止空url()属性值。我似乎无法通过LessCSS文档找到任何方法。

Answer 1

以下是＆＃34; Less Way＆＃34; （这就是为什么该功能标有＆＃34;低优先级＆＃34;在少回购时）：

library.less：

@variable: null; // or whatever meaningful non-string value

#someElement {
    & when (isstring(@variable)) {
        background-image: url(@variable);
    }
}

user.less：

@import "library.less";
@variable: "foo.bar/baz.png";

那就是它。