Less 为什么在这种更少的语法中会出现编译错误？

我使用css生成了一些背景图像代码，并将它们添加到名为backgrounds.less的.less文件中。当我保存文件并通过编译器运行它时，它会给我一个解析错误。我似乎无法解决这些错误

我已经将每个背景定义为一个变量，并且正在使用@import“backgrounds.less”将文件导入到我的main styles.less样式表中

我得到的确切错误是：

ParseError:Volumes/Clients/htdocs/gobet2/less/backgrounds中第1行的语法错误。less:1:145 1@headerbg{背景：url（数据：image/png；base64，ivborw0kgoaaaansuheugaaaamaaadcayaabwklw/aaaaieleqvqihwwp8dwqmqhd6yvcgbhddn1omvio/a4wb4gaaczd0vy42rmaaaaasuvork5cyii=）重复；}[0m

（此操作由背景的更改触发。更少）

代码如下

@headerbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD6yVcGBhDn1OMvIOo/A4wB4gAACZQd0vY42rMAAAAASUVORK5CYII=) repeat;}
@navbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIUlEQVQIHWN8+fL5fwYgeP/uEQMTjCEoJMfABBIBMUAAADLvDH2vTm1NAAAAAElFTkSuQmCC) repeat;}
@subnavbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD3zgUGBhDnzu3zIOo/A4wB4gAAA+UdgeoweSoAAAAASUVORK5CYII=) repeat;}
@footerbg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQPDs2TMGBhDn6dOnIOo/A4wB4gAADVod/MNEi1EAAAAASUVORK5CYII=) repeat;}
@basebg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWN8+/b5fwYgYAIRIAAAOj4DxOCeCacAAAAASUVORK5CYII=) repeat;}

任何帮助或解决方案都将不胜感激

---

谢谢。

一个变量可以包含一个值（不是任意规则）。因此您可以定义

@headerbg: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQIHWP8DwQMQHD6yVcGBhDn1OMvIOo/A4wB4gAACZQd0vY42rMAAAAASUVORK5CYII=) repeat;

（注意变量名后面的

：

）和以后的用法

#header {
  background: @headerbg;
}

---

在较少的语法中，@符号定义了一个变量。例如，在其他地方，我有以下代码：'@lightgrey:rgba（220219207,1）；'@salix:rgba（236255195,1）；'@cramum:rgba（253255223,1）；'@noctis:rgba（23,35,85,1）；'@arancii:rgba（228127,23,1）；'@rivulus:rgba（136239255,1）；'@lightgrey2:rgba（233233231,1）“我没有任何语法分析错误。所以，我不确定这里的问题是什么。当然，我可能在语法上错了，例如，@cramum:rgba（253255223,1）；”有不同的语法。啊，好吧。我现在看到了我的错误。这解决了我的问题。Vielen dank Christoph。