CSS Hacks、Firefox 3.5和Google Chrome

Question

我到处搜索，据说在CSS中使用body:nth-of-type(1)只针对Safari和Google Chrome。

瞧，Mozilla也正确地阅读了它。我又找了十次，什么也没找到，所以我就来了。

有Google Chrome独有的CSS黑客攻击吗？

Answer 1

@media screen and (-webkit-min-device-pixel-ratio:0) { ... styles go here ... }

只有Chrome (AFAIK)没有CSS，只有Chrome和Safari。您可以考虑使用Javascript解决方案。

2013年1月22日更新:正如评论中提到的，这可能不再安全。我找不到合适的替代方案。

Answer 2

最好避免这类黑客攻击，因为它们依赖于新兴标准的可用性。很明显，随着时间的推移，新兴标准将越来越多地在更多的平台上可用。换句话说，假设给定的浏览器是某个特定的浏览器是错误的，因为它具有一些特定的CSS功能。

Eric Wendelin的答案对于WebKit浏览器来说是一个很好的答案。还有一个针对Gecko浏览器的好方法：

@-moz-document url-prefix() {
    /* Gecko-specific CSS here */
}

添加WebKit目标(感谢埃里克·温德林)：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Webkit-specific CSS here */
}

您可能还可以可靠地在这样的构造中使用CSS hack的“功能检测”样式来隔离版本，因为您已经正确地隔离了引擎，并且您可以更安全地假设给定引擎的版本之间的功能差异不会随着时间的推移而改变。

显然，隔离IE及其各种版本的最好方法是使用条件注释，IE在许多版本中都支持条件注释。

Answer 3

任何-webkit选择器都应该只适用于Chrome和Safari。

http://qooxdoo.org/documentation/general/webkit_css_styles

希望这就是你要找的。以下是webkit网站：

http://webkit.org/