今天好好伺候了IE6、chrome、firefox、opera（safari比较乖），结果最后杀出的IE7让我之前的代码功亏一篑。可喜的是在网上找到了区分IE6和IE7的写法，不过，以后到底还要为ie留多少眼泪啊……

 

 

其实总结起来就这几句话  

#test{

color:red;
color:red !important;/ Firefox、IE7支持 */
_color:red; / IE6支持 */
*color:red; / IE6、IE7支持 */
*+color:red; / IE7支持 */
color:red\9; / IE6、IE7、IE8支持 */
color:red\0; / IE8支持 */
}

 

 另外

1、如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，此代码如下：

<meta http-equiv=”x-ua-compatible” content=”ie=7″ />

2、body:nth-of-type(1) 如果这样写，表示全局查找body，将会对应第一个<body>。

3、还有其他写法，比如：

*html #test{}或者 *+html #test{}

4、*+html 对IE7的hack 必须保证HTML顶部有如下声明：

http://www.w3.org/TR/html4/loose.dtd

5、顺序：Firefox、IE8、IE7、IE6依次排列。