colors - 减去颜色值时的 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-。另一方面，+is 永远不会是标识符的一部分，因此很少知道变量是@background。您只需插入一个空格即可使其正常工作：

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