gulp压缩的css不对？

Question

用的minifyCss 源码是
{

background: #505050;
background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;

}

压缩后用chorme的格式化查看 最后一条变了

{background: #505050;
background: -moz-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5799),color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);
background: 0 0,bottom,0,8%,92%,100% rgba(80,80,80,0);
}

然后我的页面css样式跑偏了，chorme自动应用了最后一条background

是的，源代码就是错的

Answer 1

你先看看你写错的那条样式浏览器能不能识别。

标准里就没有单独的linear。

Answer 2

相同的属性本身就会覆盖的，默认使用最后一个