less是一个预编译的css语言，赋予了写css的逻辑，有类似js的变量，循环，判断，函数等情况，使用起来开发效率高，不足的地方就是浏览器无法直接识别，需要转换为css后使用，有很多可以转换的办法：考拉软件，在线转换，还有开发中最常用的webpack打包

什么是 Less？

　　Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、嵌套、函数等功能，让 CSS 更易编写、维护等。

　　本质上，Less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。

　　例子：

/*嵌套*/
.box {
  color: #fe33ac;
  border-color:#fdcdea;
  div { font-size:16px }}

　　Less可以运行在Node、浏览器和Rhino平台上，

 

使用 Less 的意义？

　　改变传统样式的编写方式，以面向对象的方式编写；

　　变量、函数、嵌套的使用，提高开发效率。

 

如何使用 Less ?

1.在服务端，如Node.js，有专门的 less 编译模块。

2.在客户端，从LESS官网下载 less.js文件，然后再html页面引入。

　　  按less语法写的样式

　　[removed][removed]  less文件解析器，使采用less语法写的样式能正常工作。

3.使用第三方工具等，把 .less文件编译成 .css文件再使用。（与1.Node.js处理less文件同理）