PostCSS

PostCSS

PostCSS中文网

处理CSS代码的工具，通过一系列的插件来实现最新的CSS特性

插件介绍

Autoprefixer

兼容各种浏览器特有的前缀

1
box-sizing: border-box;
1
2
-webkit-box-sizing
-moz-box-sizing

PostCSS-Preset-Env

使用最新的CSS特性，转移为主流浏览器支持的版本

1
2
3
4
5
6
7
.box{
    background: #000000;

    &:hover{
        background: #000000;
    }
}
1
2
3
.box:hover{
	background: #000000;
}

Autoprefixer

兼容各种浏览器特有的前缀

1
box-sizing: border-box;
1
2
-webkit-box-sizing
-moz-box-sizing