chrome谷歌浏览器的hack,只针对chrome及safari的样式兼容

现在浏览网页主要用chrome,因为chrome的速度确实快,包括启动速度和加载网页的速度,比ie和ff快得多。

我在用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?

第一种:body:nth-of-type(1)加这个,表示“选择第一个body元素”

例子:

.class{background:#ff0000;}
body:nth-of-type(1)  .class{background:#000;}

除了chrime与safari背景显示黑色,其他浏览器都是红色。

第二种:@media screen and (-webkit-min-device-pixel-ratio:0){}样式写里面

例子:

.class{background:#ff0000;}
@media screen and (-webkit-min-device-pixel-ratio:0){.class{background:#000;}}

除了chrime与safari背景显示黑色,其他浏览器都是红色。

针对chrome的css hack

用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?
hack如下:

body:nth-of-type(1) a {color:red;}

body:nth-of-type(1)这句是选择第一个body元素。 据说safari和chrome的内核是一样的。目前只有safari 3+ 和 chrome浏览器支持这种选择方式,所以可用来做它们的hack;