寫css hack 時，由于hack主要針對的是個別瀏覽器，hack的書寫順序應當是從一般到特殊的寫法。

如：

.box { width:200px; height:200px; position:fixed; left:0; top:0; _position:absolute; }

如果顛倒順序，從特殊到一般，就失效了。

但是，對于高級瀏覽器支持的一些屬性，低級版本和升級版本支持的可能不一樣，為了都支持，該怎么寫？

看如下代碼：

div { height:30px; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:2px solid orange; margin-bottom:20px; } p { height:30px; width:60px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:2px solid orange; }

運行結果則是一致的。demo：http://jsfiddle.net/xmlovecss/XRrcK/

再對比ff和chrome的樣式截圖：

從瀏覽器渲染出的結果可以看出，火狐無所謂，chrome瀏覽器則分出了先后次序。

考慮到大多數人有升級高級瀏覽器的需要，所以建議寫法是，從高級到低級。

?

轉載于:https://www.cnblogs.com/my_front_research/archive/2013/01/18/2866361.html

總結

以上是生活随笔為你收集整理的css3高级和低级样式属性先后顺序的全部內容，希望文章能夠幫你解決所遇到的問題。

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