.box{
/*1*/ background: yellow;
/*2*/ background: radial-gradient(ellise, yellow, red);
}
就以上样式1和2的顺序是不能修改的。
1：是给低能的浏览器用的，当然高能的也能够识别；
2：是给高能的浏览器用的。
如果用户用的是低能浏览器，只有1生效；
如果用户用的是高能浏览器，2则生效。
简直就是帅得掉渣啊！
.another_box {
/*1*/ -webkit-border-radius: 5px; /*这个不一定正确*/
/*2*/ border-radius: 5px;
}
那这一个怎么解释呢？
大同小异，如果使用的是Chrome较低能的浏览器，那么1生效，2不生效。
如果用的是Chrome较高能的浏览器，那么1肯定会生效，但是2可能会生效。
总之，是生效了！
帅到没人爱啊！
总结：
总是最后一个有效的样式生效。