Less-转义

转义就是将浏览器不识别的带字符串的变量转义成不带字符串的浏览器识别的变量

案例：

@bgc: "red";
.box{
  width: 100px;
  height: 100px;
  margin-top: 10px;
  background-color: @bgc;
}

在css中编译后的结果为：

 

 

 

 上图中的background-color是没有识别出来了，是因为我们的变量的结果给包裹了字符串，浏览器不认识带字符串的结果，此时我们可以转义这个变量

@bgc:~"red";

使用了~进行转义，转义之后的结果是不带字符串的，所以此时浏览器会识别