CSS 預(yù)處理器/后處理器是什么？為什么要使用它們？

預(yù)處理器， 如：less，sass，stylus，用來預(yù)編譯sass或者less，增加了css代碼的復(fù)用性。層級，mixin， 變量，循環(huán)， 函數(shù)等對編寫以及開發(fā) UI 組件都極為方便。

后處理器， 如： postCss，通常是在完成的樣式表中根據(jù)css規(guī)范處理css，讓其更加有效。目前最常做的是給css屬性添加瀏覽器私有前綴，實現(xiàn)跨瀏覽器兼容性的問題。

css預(yù)處理器為css增加一些編程特性，無需考慮瀏覽器的兼容問題，可以在CSS中使用變量，簡單的邏輯程序，函數(shù)等在編程語言中的一些基本的性能，可以讓css更加的簡潔，增加適應(yīng)性以及可讀性，可維護性等。

其它css預(yù)處理器語言：Sass（Scss）, Less, Stylus, Turbine, Swithch css, CSS Cacheer, DT Css。

使用原因：

1.結(jié)構(gòu)清晰， 便于擴展

2.可以很方便的屏蔽瀏覽器私有語法的差異

3.可以輕松實現(xiàn)多重繼承

4.完美的兼容了CSS代碼，可以應(yīng)用到老項目中