寫(xiě)css hack 時(shí)，由于hack主要針對(duì)的是個(gè)別瀏覽器，hack的書(shū)寫(xiě)順序應(yīng)當(dāng)是從一般到特殊的寫(xiě)法。

如：

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

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

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

看如下代碼：

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; }

運(yùn)行結(jié)果則是一致的。demo：http://jsfiddle.net/xmlovecss/XRrcK/

再對(duì)比f(wàn)f和chrome的樣式截圖：

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

考慮到大多數(shù)人有升級(jí)高級(jí)瀏覽器的需要，所以建議寫(xiě)法是，從高級(jí)到低級(jí)。

?

轉(zhuǎn)載于:https://www.cnblogs.com/my_front_research/archive/2013/01/18/2866361.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。