真是说时迟那时快,Estelle Weyl的博客上贴出了关于Google Chrome的CSS Hack,其实就是针对于Safari 3.1的,都是自家兄弟嘛。
以下为翻译内容:
选择器的不兼容可以作为一种正当的途径用于区分不同的浏览器。和Safari 3.1一样,Chrome支持所有的选择器。我的建议是使用body:first-of-type,该针对于Safari的CSS hack可以作为Safari 3+和Chrome的过滤器。但只针对Chrome而排除Safari 3.1是毫无道理可言的,如果你想要针对二者,过滤Safa 3.0,我将试着这样做:
body:nth-of-type(1) p{ color: #333333; }只有Google Chrome和Safari 3.1浏览器将段落显示为灰色(原文是red)。思路如下:
- 页面只有一个body元素
- 只有两个浏览器支持:nth-of-type() 伪类
- body:nth-of-type(1)只会匹配第一个,也是唯一个body元素。
可以使用body:nth-of-type(1)作为前缀,在之后使用更多的选择器去定义body下的子元素。