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

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

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

供应商前缀包括使用适当的供应商标记作为样式的前缀。例如：

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

不过，还有很多其他方法可以解决这些问题，很多方法都在本文中进行了解释

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

例如：

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