Less从入门到精通——作用域（附学习视频、源码及笔记）

完整学习视频及资料在这里哦~
链接：https://pan.baidu.com/s/1XHxElnc2N-qwg2f2J30Qyw
提取码：4k8t

作用域

    相信在座的各位都多多少少听说过吧，Less中的作用域也确实和编程语言的作用域类似。作用域可以理解为可以被访问的区域。

    但编译器解析到一个变量或混合时，会先从当前范围开始查找，也就当前所在的{ }，找不到再去外层也就是父级的作用域开始查找，依次类推。

// 在变量那一章我们也提到了作用域
// 现在再来练习一下吧
@color:pink;
.bg{
    background-color: @color;			// 1 pink
    a{
        @color:green;
        background-color: @color;	   // 2 red
        @color:red;
    }
}
div{
    background-color: @color;		  // 3 pink
}

解析：

• 1 为 pink，首先在 .bg的作用域中查找，它只能看见 a 但是看不见a里面，因为那是下一层了，我们只能往上找不能往下找啊，怎么能找到别人家里去了呢，于是它发现自己家没有定义，那就去找爸爸。也就是外层定义的 pink。
• 2 为 red，首先在 a 里查找，发现有两次定义，找离自己最近的一次，第一次为green，第二次为 red，然后变量会提到a作用域里面的前面，所以为 red。
• 3 为pink，这个不必详解了吧，直接就在自己家里找了。