!importent的标准支持：
例1.其对属性的支持：
html:
<html> <head> <!-- 对于!importent： 用来定义优先级： 1.属性优先级：例如color 2.选择器优先级：例如提升 类选择器的优先级，使其高于id选择器的优先级显示！ ----这是注释 --> <link href="my.css" rel="stylesheet" type="text/css" /> </head> <body> <div> <span class="span1">我是span1、 我是span1、 我是span1、 </span> </div> </body> </html>
css:
.span1{ color: red !important; size: 20px; color : yellow; }
说明：
当在ie中查看此网页时： 发现虽然在类 span1 中定义了 color: red; !important; 但ie是不“支持”，无法解释的（IE全都不支持）。
即ie无法识别同一选择器中相同属性的优先级提高，但是firefox等其它浏览器可以。
例2.其对选择器优先级的支持：
html：
<html> <head> <!-- 对于!importent： 用来定义优先级： 1.属性优先级：例如color 2.选择器优先级：例如提升 类选择器的优先级，使其高于id选择器的优先级显示！ ----这是注释 --> <link href="my.css" rel="stylesheet" type="text/css" /> </head> <body > <div > <span id="id1" class="span1">我是span1、 我是span1、 我是span1、 </span> </div> </body> </html>
css：
#id1{ color: green; size: 100px; } .span1{ color: red !important; size: 20px; }
说明:
id选择器优先级大于class类选择器，但因为在类选择器中定义了 !impotant, 相当于：类选择器优先级升高(但此说法其实并不准确)，于是显示类选择器定义的样式！
表明每个浏览器都识别了此种模式下的important！
总结：
1. ie不支持同一标签中，各属性优先级的提高，firefox支持；
2. 所有浏览器都支持 important 定义的选择器的优先级提高。
相关资料：(取自郭文华)
http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151859.html
后续总结：
IE对于同一个选择器中的同一属性，如果定义了不同的值，则IE会忽略其后的important，按照先后顺序来进行显示，后面的覆盖前面的！最终留下属性x1；
此时，如果有另外一个选择器中，也定义了同一标签的同一属性值，则将此选择器中的属性值与上一选择其中最终留下的那个属性x1进行对比(此属性x1可能带important，也可能不带important)，按照上面例二进行显示。
今天的文章!impotent的标准支持分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/63091.html
