less语法中，跟js一样，可以使用变量来保存常用的一些数据，可以方便后期统一修改，尤其是在配置全网站配色的时候，非常方便；

使用@自定义变量名: 值;

这样使用变量有助于在更换整体页面风格的时候,只需要改变你定义的变量值, 页面中的样式重新渲染后就会生成新的页面样式效果。

@defaultColor: #666;
@color: #ff0876;
h1{
    color: @defaultColor;
}
h3{
    color: @color;
}

Less 中的作用域与 CSS 中的作用域非常类似。首先在本地查找变量和混合（mixins），如果找不到，则从“父”级作用域继承。

也就是说根据就近原则，谁离我近，我就用谁；

ul{
    @col: red;
    background: @col;
    li{
        @col: green;
        background: @col;
    }
}