是否有任何方法可以编写css，使特定的样式适用于特定的浏览器？

Question

我的项目中有外部CSS，它包含该网站的所有样式，该网站适用于FF，但在IE中变得很糟糕（像往常一样）。

那么，有没有办法编写css，使得特定的样式适用于特定的浏览器？

如果我有一个班级说：

.col2{ width:237px; }

如何编辑上面的类以在IE和FF中应用不同的宽度？

注意：我不需要JAVASCRIPT来识别浏览器。

Answer 1

我认为Paul Irish提出了最优雅的解决方案： http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Answer 2

http://www.quirksmode.org/css/condcom.html

有条件的评论是你的朋友！

如果你只是需要它在IE6中工作，你可以* html'黑客'：

定义你的CSS：

.acol {
width: 100px;
}

然后为IE6定义一个样式来覆盖：

* html .acol {
width: 200px;
}

IE6的第二部分总是需要在原始声明之后出现

Answer 3

最好的方法是使用条件注释为IE指定特定的css文件：http://www.quirksmode.org/css/condcom.html

另一种方式是CSS黑客，但它们很乱，通常不受欢迎（现在）：http://www.webdevout.net/css-hacks

Answer 4

有一个名为CSS Browser selector的jQuery插件。

你基本上告诉CSS它用于哪个浏览器，而不需要条件评论或任何东西：

.ie .myDiv 
{background-color: #f00;}

.webkit .myDiv
{background-color: #00f;}

设置和使用非常简单:)