CSS3中样式顺序

.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可能会生效。

总之，是生效了！

帅到没人爱啊！

 

总结：

总是最后一个有效的样式生效。

转载于:https://www.cnblogs.com/voctrals/p/4137311.html