CSSNext PostCSS 兼容使用CSS新特性

cssnext是什么?

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

安装：

?

1	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