变量的定义

变量名的定义方式@

@green:green;
#container{
  background-color: @green;
  ul{
    list-style: none;
  }
}

变量在选择器和属性名上的应用

@footer:footer;
@width:width;
.@{footer}{
  @{width}:150px;
}

变量在url上的应用

@imgurl:"https://www.baidu.com/img/";
.header{
  background: url("@{imgurl}bdlogo.png") no-repeat;
}

延迟加载

• 变量是延迟加载的，在使用之前不一定要预先声明

定义多个相同名称的变量

• 在定义一个变量两次时，只会使用最后定义的变量，less会从当前作用于向上搜索

less变量用法