CSS変換ツール：PostCSS_html/css_WEB-ITnose

PostCSS は、JS プラグインを使用して CSS を変換するツールで、変数、ミックスイン、将来の CSS 構文、インライン イメージなどをサポートします。

PostCSS は、Google、Twitter、Alibaba、Shopify など、多くの大企業ですでに使用されています。 Autoprefixer PostCSS プラグインは、最も人気のある CSS プロセッサ プラグインの 1 つです。

PostCSS は、Sass、Less、Stylus と同様のプリプロセッサとして使用できます。ただし、PostCSS はモジュール式ツールであり、以前のものよりも 3 ～ 30 倍高速で強力です。

PostCSS には、CSS パーサー、CSS ノード ツリー API、ソース マップ ジェネレーター、およびノー​​ド ツリー文字列化子が含まれています。

コードサンプル:

: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;    }}

プロジェクトホームページ: http://www.open-open.com/lib/view/home/1438092653706