作用域

LESS中的变量作用域，有点类似全局变量和局部变量的关系。基本的法则是：在当前层中，若无对变量的声明定义，则取值上一层中的对该变量的声明定义；依次内推，若上一层中没有对该变量的声明定义，则再向上一层中找对该变量的声明定义；直到找到为止。简而言之，由内向外进行查找。

具体可参见如下两个例子。

---

使用less

@var: red;

#page {
  @var: #46acb6;
  #header {
    color: @var; // white
  }
}

输出css

#page #header {
  color: #46acb6;
}

---

使用less

@var: red;

#page {
  #header {
    color: @var; // white
  }
  @var: #46acb6;
}

输出css

#page #header {
  color: #46acb6;
}