Less

Less（Leaner Style Sheets）是一种向后兼容的CSS预处理器语言，通过添加变量、混合、嵌套、函数等特性扩展CSS，同时完全兼容标准CSS语法。核心工具Less.js是一个JavaScript编译器，可将Less代码转换为浏览器可识别的CSS。

核心功能

• 变量：使用@定义变量，便于统一管理颜色、尺寸等值。
• 混合：将一组属性从一个规则集复用到另一个规则集，支持参数化混合。
• 嵌套：模拟HTML结构进行选择器嵌套，减少重复书写父选择器。
• 运算：支持数值、颜色等算术运算，单位自动换算。
• 函数：提供颜色操作、字符串处理、数学计算等内置函数。
• 命名空间：分组管理混合和变量，避免冲突。
• 映射：将混合用作键值对映射，支持#colors[key]取值。
• 作用域：变量和混合按局部优先继承，支持后定义引用。
• 导入：引入其他Less或CSS文件，共享变量和混合。

适用人群

前端开发者、CSS代码维护者、需要提高样式可维护性和复用性的团队。尤其适合中大型项目或多人协作场景。

使用方式

1. 安装：通过npm全局安装npm install -g less。
2. 编译：命令行执行lessc styles.less styles.css。
3. 浏览器直接使用：引入less.js脚本，并在link标签指定rel="stylesheet/less"。

注意事项

Less完全兼容CSS，可直接复制CSS代码运行。使用calc()时，内部表达式不会被计算，但变量和嵌套函数会正常解析。从4.0开始，除法运算必须加括号。建议结合自动化构建工具（如Webpack、Gulp）使用。