CSS预编译器less

为什么不使用原生css~而去使用less?

CSS是一门标记性语言，语法相对简单，但在使用css的时候需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，写出组织良好且易于维护的 CSS 代码是相当困难的一件事情。
如果在大型项目中，一个css代码量是上百或千行的，对某一个元素的样式修改，由于样式之间的关联表现的形式不够明确，代码量又繁多，一处修改牵扯到好几处相互关联的样式，怎么办？

Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性，如变量，继承，运算， 函数.
LESS是CSS的一种预处理语言，其中添加了一些变量，语法，方法，运算，类等概念
Less 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助Node.js)。

为什么要使用它们？

• 结构清晰，便于扩展。
• 可以方便地屏蔽浏览器私有语法差异。这个不用多说，封装对浏览器语法差异的重复处理，减少无意义的机械劳动。
• 可以轻松实现多重继承。
• 完全兼容 CSS 代码，可以方便地应用到老项目中。LESS 只是在 CSS 语法上做了扩展，所以老的 CSS 代码也可以与 LESS
  代码一同编译。
  参考

CSS无法递归式定义

CSS语法不支持递归定义的表达式，所以你没有办法用一个语句定义一个启发式的规则。

CSS的mixin式复用性支持不够

使用纯CSS，我们可以抽象出一些常用的布局CSS属性组合，通过CSS的类组合来达成常见的mixin式复用

预编译可缓解多浏览器兼容造成的冗余

进入CSS3的时代，旧式CSS hack如filter，新式兼容前缀如-webkit-等，都是冗余，修改的时候也需要修改多处，不容易维护

预编译不是万金油
预编译不是万金油，CSS的好处在于简便、随时随地被使用和调试。预编译CSS步骤的加入，让我们开发工作流中多了一个环节，调试也变得更麻烦了。