Google Chrome和Safari 3.1的CSS Hack

真是说时迟那时快,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下的子元素。

分页:[«]1[»]