针对chrome的css hack 使用方法

前端  /  管理员 发布于 7年前   159

我在用chrome和FF显示我的html文件的时候，发现它们的结果有所出入，我先不管是什么原因造成的，先hack一下再说，可是以前用过的css hack 都是针对ie，ff，opera，这个chrome和ff该怎么区分呢？试了几个ie，ff的hack方法，都不行，上网搜索，看到很多人说可以用

　@media screen and (-webkit-min-device-pixel-ratio:0) {　 body { background-color: blue; }来进行chrome 和ff的css hack，可是我用了没有效果，最后看到一位仁兄的方法很管用，就是使用：

body:nth-of-type(1) a {

color:red;

}

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