减去颜色值时的 LESS CSS 编译错误答案

【问题标题】：LESS CSS compilation error on subtracting color values减去颜色值时的 LESS CSS 编译错误
【发布时间】：2013-02-06 07:11:43
【问题描述】：

我正在运行 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。没有想法。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：