colors - 减去颜色值时出现 LESS CSS 编译错误

Question

我正在运行 lessc my.less my.css。

代码:

@background: #343434;

input[type='text'] { 
    border: 1px solid (@background-#222);
}

无法提供此错误

NameError: variable @background- is undefined in ...

但是，

input[type='text'] { 
    border: 1px solid (@background+#222);
}

会起作用的。

我读过有关BOM的内容，但事实并非如此。我还检查了我的 less 编译器是否安装了最新的 Nodejs。我也尝试过#222222。没有想法。

Answer 1

- 可以是标识符的一部分。这就是为什么它告诉您找不到变量@background-。另一方面，+ 从来都不是标识符的一部分，因此很少有人知道该变量是 @background。您只需插入一个空格即可使其正常工作:

input[type='text'] { 
    border: 1px solid (@background -#222);
}