如何做一个 Chrome/Opera 特定的样式表？

Question

我需要做 chrome/opera hack，因为客户端想要的字体替换脚本会破坏事情……这很可悲，但一切都在 IE6-7、FF2-3 和 Safari 中运行。我无法修复脚本本身，我只能使用 CSS 和 HTML 破解它。

我正在尝试做一些事情：

 <!--[if IE 6]>
   <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" />
<![endif]-->

可能吗？

我看到了这种进行 chrome 特定修复的方式，例如：

 body:nth-of-type(1) .elementOrClassName
{
/* properties go here */
}

这管用吗？有没有更简单的方法？ 歌剧呢？

原文由 marcgg 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一种干净的 JavaScript 方法： http ://rafael.adm.br/css_browser_selector/

它将浏览器特定的类广告到您的 HTML 的 body 标记中，您可以在 CSS 中使用这些类，例如：

 .opera #thingie, .chrome #thingie {
  do: this;
}

原文由 Thomas Maas 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

避免 CSS hack。它们会破裂。

谷歌浏览器：

 @media not all and (-webkit-min-device-pixel-ratio:0)
{
    #example
    {
        width: 200px;
    }
}

苹果浏览器：

 @media screen and (-webkit-min-device-pixel-ratio:0)
{
    #example
    {
        width: 200px;
    }
}

歌剧：

 @media not screen and (1)
{
    #example
    {
        width: 200px;
    }
}

让 CSS 只适用于 Opera 11？

如何使 CSS 仅对 Opera 可见

面向未来的 LTE Opera 10 CSS hack

原文由 XP1 发布，翻译遵循 CC BY-SA 3.0 许可协议