减去颜色值时发生LESS CSS编译错误

Question

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

代码：

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

未能提供此错误

NameError：变量@background-在中未定义。。。

然而，

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

会起作用的。

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

Answer 1

-可能是标识符的一部分。这就是为什么它告诉您它找不到变量@background-。另一方面，+从来不是标识符的一部分，因此很少知道变量是@background。你只需要插入一个空格就可以让它工作：

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