变量

用变量存储特定样式信息，需要用该样式时，则调用此变量即可。如此做的好处是以后想做全局样式调整时方便，如此，只需要在定义变量的地方修改样式即可。一了百了。

使用less

@width: 72px;
@height: @width + 100px;

#header {
  width: @width;
  height: @height;
}

输出css

#header {
  width: 72px;
  height: 172px;
}

思考：LESS的变量真的是这么强大到完美吗？初衷为的是优雅，但实则未必。这也是为啥在CSS标准中，虽然也有变量，但是依然不是当下的主流，因此实际开发中面对的情况太为复杂，未必能如设想的那样只改全局变量。大多情况下，面临的都不是这种全局样式修改，那有为啥要使用LESS来多此一举呢？所以，LESS只是一种选择而已，而不是前端开发必学会的知识。一家之言，不辩，仅供参考。