CSSNext PostCSS 兼容使用CSS新特性

cssnext是什么?

PostCSS-cssnext是一个PostCSS插件,帮助您使用最新的CSS语法。它将新的CSS规范转换为更兼容的CSS,所以你不需要等待浏览器的支持。

安装:

npm install postcss postcss-cssnext

  

cssnext 包含了大量的新特性:

l  自动提供浏览器前缀支持

l  自定义属性与 var() 支持

l  自定义属性集合与 @apply 支持

l  简化的、更安全的 calc()

l  可自定义的媒体查询

l  媒体查询范围

l  自定义选择器

l  嵌套

l  image-set()

l  color()

l  hwb()

l  gray()

l  rrggbbaa 颜色

l  rgba() 的降级方案

l  rebeccapurple 颜色

l  font-variant 属性

l  filter 属性

l  inital 值

l  rem 单位的降级方案

l  :any-link 伪类

l  :mathces 伪类

l  :not 伪类

l  :: 伪元素语法的降级方案

l  overflow-wrap 属性的降级方案

l  不区分大小写的属性

l  功能增强的 rga()

l  功能增强的 hsl()

l  sysem-ui 字体

 

参考网站:

https://cssnext.github.io/

https://cssnext.github.io/playground/

https://zhuanlan.zhihu.com/p/37856721

posted @ 2021-07-16 16:04  Peter_Yang0942  阅读(226)  评论(0编辑  收藏  举报