CSS 轉換工具：PostCSS

ynnc 9年前發布 | 17K 次閱讀 PostCSS CSS 前端技術

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

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

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

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

項目主頁：http://www.baiduhome.net/lib/view/home/1438092653706

 本文由用戶 ynnc 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！