在CSS樣式表中,瀏覽器前綴是用來指示某些樣式屬性在特定瀏覽器中的實驗性支持情況的符號。瀏覽器廠商會使用前綴來標識那些尚不是W3C規范或規范仍然在不斷發展的屬性。
-webkit- /* WebKit瀏覽器:Safari、Chrome、OPera等 */ -moz- /* FireFox瀏覽器 */ -o- /* Opera瀏覽器 */ -ms- /* Internet Explorer瀏覽器 */ -khtml- /* Konqueror瀏覽器 */
在CSS中,添加前綴以實現瀏覽器特定功能的兼容性。如果CSS屬性尚未成為規范,它可能無法在每個瀏覽器中以相同的方式支持。前綴允許瀏覽器試驗和實現非標準特性,直到它們成為正式規范。
舉個例子,前綴“-webkit-appearance”被用于為Safari、Chrome、Opera等添加特定的樣式。如果您想要在這些瀏覽器中使頁面元素看起來像iOS桌面上的應用程序,則可以使用此屬性。
-webkit-appearance: none;
您可以使用多個前綴為同一個屬性添加適當的代碼。例如,要在Firefox和Chrome(也包括其他基于Webkit的瀏覽器)中支持一個較舊的CSS3度量單位,請使用“-moz-”和“-webkit-”:
.testbox{ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); }
考慮到每個瀏覽器的特點,使用前綴是一個好習慣。當您使用前綴時,請確保您已經準確地了解了對應的屬性的意義、用法以及支持的瀏覽器版本。