起源

CSS做为一门样式设计语言，其语法相对简单，对使用者要求较低，但也容易写出大量没有逻辑，难以扩展且不利于复用的代码。CSS语言主要缺乏语言特性有：变量，运算，循环，函数，作用域。因此，为解决这些问题，开发了多种预编译语言。

CSS预编译语言是一种基于CSS语言的语法扩展，除了解决以上缺乏语言特性带来的问题，还支持嵌套书写，减少重复输入父级选择器，便于编写和阅读。

常见的预编译语言有Less、Sass、Stylus等

Less的安装和使用

http://lesscss.cn/#using-less

在线Less编译器

学习入门用

预编译器特性

  • 变量
  • 嵌套
  • 作用域
  • 混合
  • 约束与循环
  • 导入