less 把属性名作为变量的方式

有没有觉得  background-color这个名字太长了，想换一个短一点的？

使用  less  就可以实现了：

@bgc: background-color;

div{

width: 200 px;

height: 200 px;

@{bgc}: red;

}

注意 的是在使用变量的时候需要 {  }  包裹我们的变量名 ！