Rumah >hujung hadapan web >html tutorial >CSS 转换工具:PostCSS_html/css_WEB-ITnose

CSS 转换工具:PostCSS_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 11:39:591374semak imbas

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.open-open.com/lib/view/home/1438092653706

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn