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

Question

我有一个用于 Extrenal 样式表中的类的 css。我必须在不同的浏览器中为该类区分一个 css。如何在不同浏览器的外部样式表中为该类编写不同的属性。我可以通过维护不同的样式表来做到这一点。但我不想采用额外的样式表。

score 2 · Accepted Answer

确保浏览器特定样式的两种方法是使用供应商前缀和条件注释。

供应商前缀涉及使用适当的供应商标签为您的样式添加前缀。一个例子是：

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

不过，还有很多其他方法可以处理这些问题，许多在这篇CSS-Tricks 文章中进行了解释。

条件注释是注释标记之间的代码块，如果使用适当的浏览器，旧浏览器将识别并实现到样式表中。

这方面的一个例子是：

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

1 回答 1