CSS3——课前预热——pre-processor、post-processor、postCss

预处理器 pre-processor

less/sass cssNext插件

预处理器：比如要用sass或者cssNext就要按照人家规定的语法形式，就是用人家的语法去编写，然后人家把你编写的代码转成css。

 

cssNext:

:root{  
     --headline-color:#333;
}

@custom-selector: --healine h1,h2,h3,h4,h5,h6;

: --healine {
    color: var ( --deadline-color );
}

------------

他会预先给你转化成

h1,h2,h3,h4,h5,h6{
    color:#333;
}  

cssNext 用来实现一些未来的标准的（未完全在各大浏览器实现的功能）

只是写法更高级了，原理还是用css3来实现的

 

后处理器 post-processor

autoprefixer插件

 

后处理器：就是在它提供的环境下进行编写，然后这个环境会对你的代码来进行兼容性的补齐。

 

postCss + 插件 (充分体现扩展性，200多个)

用js实现的css的抽象的语法树

AST(Abstract Stntax Tree)

剩下的事留给后人来做了

postCss其实只是一个工具，它本身只做了一半的事，还需要加上插件来使用的。