css3高級和低級樣式屬性先后順序

寫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瀏覽器則分出了先后次序。

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

?