您现在的位置是：网站首页> 编程资料编程资料
针对chrome的css hack 使用方法_浏览器兼容教程_CSS_网页制作_
2021-09-08
708人已围观
简介 现在浏览网页主要用chrome，因为chrome的速度确实快，包括启动速度和加载网页的速度，比ie和ff快得多，不过看评测OPERA的新版本加载网页速度更快，由于没有用过OPERA，不好评价.
我在用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；
@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；
相关内容
- 各大浏览器 CSS3 和 HTML5 兼容速查表 图文_css3_CSS_网页制作_
- 目前比较全面的浏览器CSS BUG兼容汇总 _浏览器兼容教程_CSS_网页制作_
- CSS hack 针对IE6，IE7，firefox显示不同效果_浏览器兼容教程_CSS_网页制作_
- div vertical-align不起作用解决办法 _Div+CSS教程_CSS_网页制作_
- 使您的CSS网页布局代码更专业 精简CSS文件_CSS布局实例_CSS_网页制作_
- CSS 盒模型（Box Model）的学习和理解_CSS教程_CSS_网页制作_
- 解决IE6下Position:fixed问题 _CSS教程_CSS_网页制作_
- CSS 透明背景时,记得给容器加上width宽度_CSS教程_CSS_网页制作_
- 纯css制作的漂亮好看的进度条 _CSS教程_CSS_网页制作_
- CSS list-style熟悉解释_CSS教程_CSS_网页制作_
