针对Google Chrome谷歌浏览器的CSS hack

发布时间：2008.09.10 22:17
分类：Html/Javascript/Css
标签：chrome, hack

//update 2009.11.05
经honto提醒，这个方法已经不适用，因为Firefox3.5已经能解析这段代码。

Google于9月3号推出了浏览器Google Chrome，写前端效果的同志们又有得辛苦了，IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了。

所幸Google Chrome用的是与Safari一样的Webkit引擎，我们可以使用对safari相似的方式作css hack，写法为：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>a <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>关于Google Chrome的hack的具体用法</title> <style> body:nth-of-type(1) .me{color:#ff0000;} </style> </head> <body> <div class="me">我在Google Chrome底下是红色的！</div> </body> </html>

提示：你可以先修改部分代码再运行。

我所用的chrome插件 - 2010-05-19 Chrome（谷歌浏览器）是我目前最经常使用的浏览器，并且已经在公司和家里电脑都设为默认浏览器，除了...
给Chrome增加书签同步功能 - 2009-08-19 书签同步功能也就是我们通常说的收藏夹同步功能。在不同电脑之间同步收藏夹，这对很多人来说非常重要。只要...
IE8正式版 CSS hack - 2009-04-15 目前网络上大部分关于ie8的hack都是测试版的，最有名的可能要数那张linxz.cn的hack图片...
用!important实现ie6的hack - 2008-12-26 以前对于!important这个属性不是很关注，也不是很清楚他的用处。刚才在老杨那看到他的一篇关于!...
Css Hacks与争议 - 2007-11-20 转自:蓝色理想原文地址:http://www.blueidea.com/tech/web/2007/...

honto 2009.11.05 10:19 回复

现在此hack已经不行了，FF3.5已经可以解析这段CSS了
ZeroZ 2009.11.05 16:25 回复

@honto
看了一下，是这样的，多谢提醒。
boy1988 2010.01.22 16:36 回复

hack的代码也可以这样写:
@media screen and (-webkit-min-device-pixel-ratio:0) { /* 针对chrome，Firefox下无效 */
#p{
color:#f00;
}
}
虽然不是合法css，但是可以用，嗯哼。
娃哈哈 2010.03.04 12:35 回复

楼上的，能写到外部css里吗？我怎么没用？