less是什么？如何使用

【Less】 less是什么？如何使用

2020-06-04 09:56发布

2条回答

2020-12-28 09:36

什么是 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文件同理）

【Less】 less是什么？如何使用