LESS / 作用域 - 汇智网

LESS CSS 框架简介

简介在客户端使用在服务器端使用使用配置在命令行下使用

LESS 语法

变量混合带参数混合 arguments 变量模式匹配导引表达式导引比较运算嵌套规则运算

LESS 函数

Color 函数 Math 函数字符串函数

LESS 用法

命名空间作用域注释 Importing 字符串插值避免编译 JavaScript 表达式

在线工具推荐： Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

作用域

　　LESS 中的作用域跟其他编程语言非常类似，首先会从本地查找变量或者混合模块，如果没找到的话会去父级作用域中查找，直到找到为止。在Less中采取的是就近原则。

 @var: red;

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

#footer {
  color: @var; // red  
}