Css作为一门标记性语言，语法相对简单，但同时也带来一些问题。需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，Css预处理器便是针对上述问题的解决方案
Css预编译语言在前端里面有三大优秀的预编处理器，分别是：
1、sass 2、less 3、stylus
变量：less声明的变量必须以@开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号:分隔开
嵌套：三者的嵌套语法都是一致的
作用域：Css 预编译器把变量赋予作用域，也就是存在生命周期。就像 js一样，它会先从局部作用域查找变量，依次向上级作用域查找
混入：Mixins可以将一部分样式抽出，作为单独定义的模块，被很多选择器重复使用
代码模块化：模块化就是将Css代码分成一个个模块
使用方法：
@import './common';