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; }