Less的学习内容

Posted 2020-09-23

      LESS 为 Web 开发者带来了福音，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，

就像它的名称所说的那样，LESS 可以让我们用更少的代码做更多的事情。

      LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，

更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。例如：

清单 1. LESS 文件

 @color: #4D926F;

 #header {
  color: @color;
 }
 h2 {
  color: @color;
 }

经过编译生成的 CSS 文件如下：

清单 2. CSS 文件

 #header {
  color: #4D926F;
 }
 h2 {
  color: #4D926F;
 }
LESS 可以直接在客户端使用，也可以在服务器端使用。在实际项目开发中，我们更推荐使用第三种方式，将 LESS 文件编译生成静态 CSS 文件，并在 html 文档中应用。