外部样式表中类的不同样式

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]-->