何時在CSS中使用前綴-moz，-webkit，-o而不是簡單的屬性？

Question

我們構建WordPress主題，我想知道使用所有瀏覽器屬性而不是ONE是必要的嗎？

比如我們寫這對「過渡」性質：

-moz-transition: all 350ms ease-in-out; 
-o-transition: all 350ms ease-in-out; 
-webkit-transition: all 350ms ease-in-out; 
transition: all 350ms ease-in-out; 

但是，我們只能使用這一點，因爲我看到這項工作在所有的現代版本的所有瀏覽器：

transition: all 350ms ease-in-out; 

爲什麼我們需要爲每個具有相同值的瀏覽器編寫所有屬性？我們只想支持現代瀏覽器（例如，我們不需要支持Firefox 4或Chrome 5或IE 7）。我們是否仍然需要使用所有屬性或者只能使用一個屬性？我看到不同的網站使用這種不同的方式，不知道誰是對的？當主題有很多CSS樣式和支持不同瀏覽器的不同前綴的選擇器時，這需要花費很多時間爲每個瀏覽器添加所有屬性。謝謝！

Answer 1

當瀏覽器還不支持un-prefixed版本時使用它們。您可以通過訪問諸如Can I Use?或Mozilla的Developer Network之類的站點來分辨瀏覽器是否支持它。

對於開發人員來說不幸的是，瀏覽器在不同的時間和不同的順序實現功能，所有這些功能都有不同的支持級別。這意味着我們將始終需要了解我們要使用的功能的當前實施級別。這是做生意的成本。

有框架可以做功能檢測，如Modernizr，但他們需要努力安裝，使用和實現優雅的退化。

Answer 2

我喜歡使用MDN's CSS reference，因爲您可以看到所有的css屬性及其瀏覽器兼容性/前綴。