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 字体
参考网站：