变量

　　Less中的变量允许你在样式中的某个地方对常用值进行定义，然后应用到样式中，这样只要改变你定义的变量参数值就可以达到改变全局的效果，我们先来看一段代码：

Less Code:

/*======== 定义变量===========*/
 @color: #4d926f;
/*======== 应用到元素中 ========*/
#header {
    color: @color;
}
h2 {
    color: @color;
}

Compiled Css code:

/*======= Less 编译成 css ======*/
#header {
color: #4d926f;
}
h2 {
color: #4d926f;
}

Less中的变量还具有计算功能，如：

Less Code:

 @nice-blue: #5b83ad;
 @light-blue: @nice-blue + #111;
 #header {
    color: @light-blue;
 }

Compiled Css Code:

#header {color: #6c94be;}

注：在Less中的变量实际上就是一个“常量”，因为它们只能被定义一次。