Opera 12 的 CSS 特定规则？ [复制]答案

【问题标题】：CSS specific rule for Opera 12? [duplicate]Opera 12 的 CSS 特定规则？ [复制]
【发布时间】：2012-09-05 13:38:16
【问题描述】：

可能重复：
How to make CSS visible only for Opera

很多时候我需要使用特定于浏览器的 CSS 规则来使设计在每个浏览器中看起来都一样。通常我需要它们用于 IE 7-8，但这次是用于 Opera，特别是 Opera 12 及更高版本。

我为 Opera 找到了一些解决方案：

但这些只适用于 11 岁或以下...

Opera 12 有解决方案吗？

【问题讨论】：

“很多时候需要使用浏览器特定的 CSS 规则来使设计在每个浏览器中看起来都一样。”没有。
没有必要在每个浏览器中都完全相同，这种态度真的应该在几年前就消失了。 Presto 是一个相当不错的引擎，你绝对 100% 确定错误不是你的吗？您没有提供其他显示的代码。
@cimmanon 你怎么知道？我使用 rem 单位来保持我的设计响应性和可访问性，但我仍然希望它在所有浏览器中看起来都一样。然而，该死的 Opera 似乎并不知道相对是什么意思。尽管我尽了最大努力，但我的导航背景没有正确对齐。在（FF、Chrome 和惊喜 - IE9）下一切正常。我可以轻松更改浏览器字体的大小并且可以正常工作。在 Opera 中……即使使用特定的 CSS……当我尝试将字体从默认的 14px 更改时，一切都崩溃了……我不再想知道为什么 Opera 的市场份额只有 ~2%……
最简单的例子：当设计的一部分依赖于原生滚动条宽度时，你需要应用浏览器特定的规则...
@cimmanon 看看这个：stackoverflow.com/questions/14126088/… 并告诉我我做错了什么。这不是挑战（我不是无所不能我知道我会犯错误）...

【解决方案1】：

这是官方推荐的 Opera hack（以防一切都失败）：

doesnotexist:-o-prefocus, .example {
  color: red;
}

p.s.：请注意 davehale32 的评论，此 hack 不适用于 IE6。我现在没有可用的 IE6，所以我无法确认或否认。

【讨论】：

刚刚检查了55.0.2994.44，它不再工作了......
所有“仅限 opera”的黑客攻击都针对在 Opera 12.50 之后被废弃的 Presto 引擎。所有高于 14 的版本都使用 Blink 引擎（Webkit 的分支），因此对于所有实用案例，您用于针对 Google Chrome 的相同 CSS 也应该适用于 Opera。