Less 快速入门

Less 快速入门

给 CSS 加点料。Less 是一门向后兼容的 CSS 扩展语言。文档通过代码示例讲解变量、混合、嵌套、运算、函数等特性,并介绍如何使用 Less.js 将 Less 样式转换为 CSS。

Less 快速入门 页面快照
v4.1.3
页面标注的当前版本
2 类
服务端与浏览器端运行方式
11 项
概览列出的核心语言主题
语言概览

了解 Less 的核心能力

从基础语法到代码组织方式,结合编译前后的示例掌握 Less 对 CSS 的扩展。

变量与运算

使用变量保存属性值,并对数字、颜色和变量执行算术运算及单位换算。

混合规则集

将一组属性定义为混合,并在其他规则集中复用这些样式。

嵌套与规则冒泡

通过嵌套组织选择器,并支持 @media、@supports 等 @ 规则的嵌套和冒泡。

内置函数

使用函数转换颜色、处理字符串和完成算术计算。

命名空间与映射

对混合和变量进行分组,并将规则集作为映射读取其中的值。

文件导入

导入 .less 或 CSS 文件,在当前样式中使用其中定义的变量和规则。

版本信息

版本与语法变更

查看文档中明确标注的当前版本和重要语法变化。

当前版本 v4.1.3

文档页脚将 v4.1.3 标注为当前版本,并提供 Less.js 更新日志入口。

Less 4.0 调整除法行为

从 4.0 起,斜杠运算符在括号外默认不执行除法,可通过 Math 设置调整行为。

Less 3.5 增加映射用法

从 3.5 版本开始,混合和规则集可作为一组值的映射使用,同时多种场景不再需要引号转义。

文档资源

继续学习 Less.js

通过语言特性、函数手册、使用说明和更新日志深入了解 Less。

Less 快速入门

从这里开始使用Less 快速入门。