<
!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 >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >important </title>
< style type ="text/css" >
p
{
color:red !important;/*现代浏览器*/
color:blue;/*ie6为蓝色*/
}
</style>
</head>
< body >
< p >段落文本 < p >
</body>
</html>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >important </title>
< style type ="text/css" >
p
{
color:red !important;/*现代浏览器*/
color:blue;/*ie6为蓝色*/
}
</style>
</head>
< body >
< p >段落文本 < p >
</body>
</html>
在这里color属性先后重复定义，注意!important的位置。
在IE6中结果
段落文本
FF3：
段落文本
看来IE6是认为后面定义的覆盖前面的喽，标准浏览器会正确对待!important，优先级最高。
这并不代表IE6不认识这个!important
<
!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 >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >important </title>
< style type ="text/css" >
p
{
color:red !important;/*现代浏览器&&IE6*/
}
p
{
color:blue;
}
</style>
</head>
< body >
< p >段落文本 < p >
</body>
</html>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >important </title>
< style type ="text/css" >
p
{
color:red !important;/*现代浏览器&&IE6*/
}
p
{
color:blue;
}
</style>
</head>
< body >
< p >段落文本 < p >
</body>
</html>
这时候ie6中也是红色了，认识的IE6的这个差异在我们平时中能免去了不少麻烦。
本文转自 xcf007 51CTO博客，原文链接：
http://blog.51cto.com/xcf007/102824
，如需转载请自行联系原作者
