首先 !important的优先权最高 但通过书写方式可以避开ie6的小bug
三种情况:
第一种,
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试Css中的!Important区别</title>
</head>
<style type="text/css">
.testClass{
color:blue !important;
}
</style>
<body>
<div class="testClass" style="color:red;">
测试Css中的Important
</div>
</body>
</html>
ie6下元素显示蓝色 其它浏览器也是
第二种,
.testClass{
color:blue !important;
color:red;
}
ie6下元素显示红色 其他浏览器是蓝色
第三种,
.testClass{
color:blue !important;
}
.testClass{
color:red;
}
ie6下元素显示蓝色 其它浏览器也是