2013-10-30 47 views
0

CSS3跨瀏覽器優先級的背後是什麼?CSS3跨瀏覽器優先級的背後是什麼?

例如:

.box_scale { 
    -webkit-transform: scale(0.8); /* Chrome, Safari 3.1+ */ 
    -moz-transform: scale(0.8); /* Firefox 3.5+ */ 
     -ms-transform: scale(0.8); /* IE 9 */ 
     -o-transform: scale(0.8); /* Opera 10.50-12.00 */ 
      transform: scale(0.8); /* Firefox 16+, IE 10+, Opera 12.10+ */ 
} 

第一是-webkit-,第二是-moz-,第三是-ms-闡述是-o-,並在沒有任何前綴結束。這個優先順序是什麼?或者這不是第一個問題?

+1

這裏的順序不會改變任何東西,每個前綴都是特定於瀏覽器的,IE9會忽略-ms-語句等所有內容。 –

+1

[訂購特定於供應商的CSS聲明]的可能重複(http://stackoverflow.com/questions/7080605/ordering-of-vendor-specific-css-declarations) –

回答

4

您可以在屬性名稱看倒樓梯,從最長(-webkit-),並用最短(-o-)和無前綴屬性,通過縮進聲明,以使冒號和值排隊支持結束。

除此之外,前綴的順序沒有實際意義 - 您可以根據需要混合和匹配前綴的順序,但有一個例外:前綴不變總是最後一個,因爲它是屬性的標準化版本,並且您希望瀏覽器選擇將其用於其前綴版本,以確保您獲得該屬性最符合標準的行爲。

0

順序與選擇器鎖定特定瀏覽器無關。大多數人選擇這種方法純粹是因爲它看起來比沒有製表符寫入更好。

0

以及瀏覽器忽略他們不明白的CSS代碼,所以順序並不重要。瀏覽器將使用它理解的並將忽略其他人。