LESS 原理及使用方式
本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。
下面是一个简单的例子:
清单 1. LESS 文件
@color: #4D926F; #header { color: @color; } h2 { color: @color; }
经过编译生成的 CSS 文件如下:
清单 2. CSS 文件
#header { color: #4D926F; } h2 { color: #4D926F; }