<!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>
 
在这里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>
 
这时候ie6中也是红色了,认识的IE6的这个差异在我们平时中能免去了不少麻烦。