CSS Hacks,Firefox 3.5和Google Chrome

我搜索并据称body:nth-of-type(1)在CSS中仅用于定位Safari和谷歌浏览器.

瞧,Mozilla也正确地读了它.我搜索了十次但没有得到任何东西,所以我在这里.

是否有谷歌Chrome专用的CSS黑客攻击？

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

仅 Chrome(AFAIK)没有CSS,但Chrome和Safari 没有CSS .您可以考虑使用Javascript解决方案.

更新2013年1月22日:如评论中所述,这可能不再安全.我找不到合适的替代品.

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

Eric Wendelin的答案非常适合定位WebKit浏览器.还有一种定位Gecko浏览器的好方法:

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

添加WebKit定位(感谢Eric Wendelin):

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

你也可以在这样的结构中可靠地使用CSS特征检测风格来隔离版本,因为你已经正确地隔离了引擎,你可以更安全地假设给定引擎版本之间的特征差异不会随着时间的推移而改变

显然,隔离IE及其各种版本的最佳方法是使用条件注释,IE已支持许多版本.