辩驳一个默认的说法：IE6不支持!important

一："!important"是什么？

第一个，是设置样式的优先级，设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，

它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去吧。。我背景颜色要优先显示class设置的啦，因为它有!important做后台呀。。

第二个，可以利用它让页面效果在ff等浏览器上和ie6效果更相同。。。。

因为不同的浏览器有自己默认的样式，所以你设一个样式在不同的浏览器里会有不同的效果，而有了!important，你就可以。。。话说，这里先略过，偶也没怎么用!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>无标题文档</title>
<style type="text/css">
#test {
color:red !important;/*IE7、FF、OP等显示红色文字*/
color:green;/*IE6显示绿色文字*/
}
span {color:gray !important;}
span {
color:gray !important;/*IE6将不会将文本显示为灰色(gray)*/
color:red;
}

</style>
</head>

<body>
<div id="test">我是即日旮旯</div>

</body>
</html>

声明哈。。。。div里面的文字没有讽刺吉日的说，，偶是很喜欢吉日的商业精神的，他是偶学习和敬佩的人之一，虽然园子里有些朋友说吉日老师推荐自己的软件，但是我觉得他的商业精神是很值得学习的。。

在查看其他人这方面的文章的时候，发现很多误区，有人干脆就认为"ie都是不支持!important"这个属性的，而有的人则又认为"ie6是不支持这个属性的"，呵呵，其实"ie6不是不支持，只是有个小bug",欢迎讨论，指教，在不同的意见中提高技术。

这个在FF显示器下的效果：

这个是在IE6下的效果：

呵呵，为什么同样的代码，在不同的浏览器下的显示效果却会有这么大的差别呢？

某些懂一些css的朋友大概会说，是ie6不支持"!important"，呵呵，这话说得有些对，但是不全对，为什么呢？

关键原因就是如果把样式改一下，

<style type="text/css">
#test {color:red !important;/*IE7、FF、OP等显示红色文字*//
}
#test {color:green;/*IE6显示绿色文字*/
}</style>

你会发现在ie下字体的颜色变得和在FF中一样了，而如果ie6真的不支持"!important"这个属性的话，ie下字体的颜色就应该是绿色，而不是红色，因为按照css的“就近原则”来说，字体的颜色一直都应该是绿色，而不是红色的。

但是为什么我们把样式改了之后，字体颜色在FF和ie6下就不一样了呢，这应该是ie6下的一个bug，如果一个样式内重复设了属性,如"color:*"，它就会忽略掉"!important"了。

呵呵，这样样式CSS1就有了，但一直没有很好的发挥它的作用，但是其实，我们可以利用它来解决一些浏览器兼容性问题造成的异常，做到让页面尽量在不同浏览器之间看起来一样。

小结，回复兰月儿博文的一位朋友对ie6对"!important"属性总结的很明白，偶截了图贴一下：

转载于:https://www.cnblogs.com/lanyueer/archive/2011/03/29/1998398.html

辩驳一个默认的说法：IE6不支持!important相关推荐

辩驳一个默认的说法：IE6不支持!important (转http://www.cnblogs.com/lanyueer/archive/2011/03/29/1998398.html)
一:"!important"是什么? 第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器.,比如id为"Main" ...
调用webapi 错误：使用 HTTP 谓词 POST 向虚拟目录发送了一个请求，而默认文档是不支持 GET 或 HEAD 以外的 HTTP 谓词的静态文件。的解决方案
调用webapi 错误:使用 HTTP 谓词 POST 向虚拟目录发送了一个请求,而默认文档是不支持 GET 或 HEAD 以外的 HTTP 谓词的静态文件.的解决方案参考文章: (1)调用weba ...
html5.js让IE（包括IE6）支持HTML5元素方法
html5.js让IE(包括IE6)支持HTML5元素方法微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的 ...
java定义一个类显示没有_Java 中的每个类都至少有一个构造方法,一个类中如果没有定义构造方法,系统会自动为这个类创建一个默认的构造方法。_学小易找答案...
[单选题]关于 Java 语言叙述错误的是( ). [判断题]类中 static 修饰的变量或方法,可以使用类名或对象的引用变量访问. [命名题]命名下列化合物, [单选题]急性胰腺炎的主要临床表现是 ...
修正IE6不支持position:fixed的bug
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著.前些天我做自己的博客模板的时候,遇到了这个问题.当时就简单的无视了IE6- ...
[css选择器]总结：IE6不支持的CSS选择符
转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转 ...
ubuntu 搭建一个没有上传限制，支持多用户访问，管理用户下载上传，界面优雅，文件互通的网盘（支持nas）
一个没有上传限制,支持多用户访问,管理用户下载上传,界面优雅,文件互通的网盘! (Alist + Samba) 运行环境 ubuntu 20.04 Alist `Alist` 官网 https:// ...
为您的系统指定一个默认的软件仓库(YUM), 命令行配置自动yum源
为您的系统指定一个默认的软件仓库试题概述: YUM 的软件库源为 http://rhgls.domainX.example.com/pub/x86_64/Server.将此配置为您的系统的默认软件 ...
php 不存在给默认值,当属性不存在时，创建一个属性并给它一个默认值
我正在从一本书中学习Python,并为自己编写了一个长时间的测验/类型的游戏,最后打印出摘要.但是,摘要会根据用户所做的选择来查找不总是存在的属性.在我把它抽象成一个基本的例子来说明我要做什么.本质 ...

辩驳一个默认的说法：IE6不支持!important

辩驳一个默认的说法：IE6不支持!important相关推荐

最新文章

热门文章