PostCSSCSS 轉(zhuǎn)換工具

PostCSS 是使用 JS 插件來轉(zhuǎn)換 CSS 的工具，支持變量，混入，未來 CSS 語法，內(nèi)聯(lián)圖像等等。

PostCSS 已經(jīng)被許多大公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件是最流行的 CSS 處理器插件之一。

PostCSS 可以作為預(yù)處理器使用，類似：Sass, Less 和 Stylus。但是 PostCSS 是模塊化的工具，比之前那些快3-30 倍，而且功能更強(qiáng)大。

PostCSS 包括 CSS 解析器，CSS 節(jié)點(diǎn)樹 API，一個(gè)源映射生成器和一個(gè)節(jié)點(diǎn)樹 stringifier。

代碼示例：

:root {
    --mainColor: #ffbbaaff;
}
@custom-media    --mobile (width <= 640px);
@custom-selector --heading h1, h2, h3, h4, h5, h6;
.post-article :--heading {
    color: color( var(--mainColor) blackness(+20%) );
}
@media (--mobile) {
    .post-article :--heading {
        margin-top: 0;
    }
}