Css预编语言的理解？有哪些区别?

Css作为一门标记性语言，语法相对简单，但同时也带来一些问题。需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，Css预处理器便是针对上述问题的解决方案。

Css预编译语言在前端里面有三大优秀的预编处理器，分别是：

1、sass 2、less 3、stylus：

变量：less声明的变量必须以@开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号:分隔开。

嵌套：三者的嵌套语法都是一致的。

作用域：Css 预编译器把变量赋予作用域，也就是存在生命周期。就像 js一样，它会先从局部作用域查找变量，依次向上级作用域查找。

混入：Mixins可以将一部分样式抽出，作为单独定义的模块，被很多选择器重复使用。

代码模块化：模块化就是将Css代码分成一个个模块。

使用方法：

@import './common';