外部樣式表中一個類的不同樣式

Question

我在Extrenal樣式表中有一個類的css。我必須在不同的瀏覽器中區分該類的css。我如何在外部樣式表中爲不同的瀏覽器編寫該類的不同屬性。我可以通過維護不同的樣式表來做到這一點。但我不想採用額外的樣式表。

Answer 1

，你可以確保有特定瀏覽器樣式使用供應商前綴和條件註釋方式兩種。

供應商前綴涉及爲您的樣式添加適當的供應商標籤。一個例子是：

.button { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 
} 

有很多其他的方式來處理這些雖然，許多在此CSS-Tricks article解釋。

Conditional Comments是註釋標記之間的代碼塊，如果正在使用適當的瀏覽器，則舊版瀏覽器將識別並實現到樣式表中。

這方面的一個例子是這樣的：

<!--[if IE 6]> 
Special instructions for IE 6 here 
<![endif]-->