CSS预处理器/后处理器是什么为什么要使用它们？

Nen 2021-12-02 15:38

- 程序员

预处理器，如：less，sass，stylus，用来预编译sass或者less，增加了css代码的复用性。层级，

mixin，变量，循环，函数等对编写以及开发UI组件都极为方便。

后处理器，如： postCss，通常是在完成的样式表中根据css规范处理css，让其更加有效。目前最常做的是给

css属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。

css预处理器为css增加一些编程特性，无需考虑浏览器的兼容问题，可以在CSS中使用变量，简单的逻辑程

序，函数等在编程语言中的一些基本的性能，可以让css更加的简洁，增加适应性以及可读性，可维护性等。

其它css预处理器语言：Sass（Scss）, Less, Stylus, Turbine, Swithch css, CSS Cacheer, DT Css。

使用原因：

结构清晰，便于扩展

可以很方便的屏蔽浏览器私有语法的差异

可以轻松实现多重继承

完美的兼容了CSS代码，可以应用到老项目中

CSS预处理器/后处理器是什么 为什么要使用它们？