我在外部样式表中有一个类的 css。我必须在不同的浏览器中区分该类的 css。我如何在不同浏览器的外部样式表中为该类编写不同的属性。我可以通过维护不同的样式表来做到这一点。但我不想使用额外的样式表。
最佳答案
可以确保具有浏览器特定样式的两种方法是使用供应商前缀和条件注释。
供应商前缀涉及使用适当的供应商标签为您的样式添加前缀。一个例子是:
.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]-->
关于css - 外部样式表中类的不同样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14231034/