PostCSS是以一款功能強大的css轉(zhuǎn)換處理軟件。本軟件具備強大的插件功能?？梢灾匦露xcss，對css進行擴展、功能轉(zhuǎn)換。對于做編程的工作人員來說，是個不錯的編程工具！需要的用戶歡迎在綠色資源網(wǎng)下載使用。

軟件介紹

PostCSS是使用JS插件來轉(zhuǎn)換CSS的工具，支持變量、混入、未來 CSS 語法、內(nèi)聯(lián)圖像等等。PostCSS 已經(jīng)被許多大公司使用，包括維基百科、Twitter、阿里巴巴和JetBrains。PostCSS 旨在通過自定義的插件和工具生態(tài)體系來重新定義 CSS。與類似 Sass 和 LESS 這樣的預(yù)處理機制類似，它可以把擴展的語法和功能轉(zhuǎn)換成現(xiàn)代的瀏覽器友好的CSS代碼。

PostCSS軟件特點

1.PostCSS使用的是 Node.js框架，編程語言和工具的能力使得對PostCSS的修改和自定義都很簡單。Sass 和 LESS 則受限于編譯器自身鎖提供的能力。

2.作為一個 API，PostCSS 讓我們能夠創(chuàng)建任何需要的插件和工具。這種模塊化的平臺設(shè)計使得這個工具比較專一，更專注于功能需求。PostCSS 對語言格式不做限制，如果需要也可以使用 Sass 和 LESS 的語法格式。

3.PostCSS把項目中所有需要創(chuàng)建函數(shù)、工具和mixin的代碼提取出來封裝成插件。這樣，對于每一個項目，我們都可以在項目里通過包含插件的方式來引入需要的功能。

4.PostCSS 自身并不強大；它的強大來自它的插件。也許你已經(jīng)發(fā)現(xiàn)之前Gulp和Grunt的實現(xiàn)當(dāng)中，任務(wù)說明中的數(shù)組是空的。這些數(shù)組可以定義我們打算 import 的社區(qū)開發(fā)的 PostCSS 插件，也就是我們需要包含的那些功能。

5.PostCSS 的 github 頁面可以找到那些驗證過的插件列表，跟 NPM 的包一樣，這些插件也都可以通過命令行安裝。很多插件只能作為 PostCSS 的擴展，而不能直接在你所用的 task runner 中使用。例如，我們安裝插件 PostCSS Focus 后，會給 hover 增加一個 a:focus 狀態(tài)。

PostCSS 插件安裝示例連接步驟：

插件可以直接作為方法的參數(shù)，不過為了代碼清晰，我們可以構(gòu)造一個數(shù)組，然后把插件放到數(shù)組里作為參數(shù)。在數(shù)組里，我們可以包含所有需要的 require 語句，這些 require 語句會返回插件，然后被立即調(diào)用。如果你需要對此有更多的了解，可以看一下 Ryan Christiani 的“javascript 中函數(shù)作為一等公民”。

對于 Grunt，修改后的代碼如下（包含我們剛創(chuàng)建的 processorArray 數(shù)組）：

下面是 Gulp 的版本：