.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

總結

以上是生活随笔為你收集整理的CSS3中样式顺序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。