PostCSSCSS 轉換工具

PostCSS 是使用 JS 插件來轉換 CSS 的工具，支持變量，混入，未來 CSS 語法，內聯圖像等等。

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

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

PostCSS 包括 CSS 解析器，CSS 節(jié)點樹 API，一個源映射生成器和一個節(jié)點樹 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;
    }
}