减去颜色值时较少的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);
}