这篇文章主要介绍css中!important有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联长期为上1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为邵原企业提供专业的成都网站设计、做网站,邵原网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。CSS中!important的作用
添加{*rule !important} ,就能对IE6.0,IE7.0和FireFox写hack
*对于IE系列浏览器都能够识别,Firefox浏览器就不能识别;
!important只有IE7.0和Firefox可以识别,,但是IE6.0不能成功应用
区别
(1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00;
(2)区别Ie6.0 与Ie7.0、firefox的hack为:border:1px solid #f00!important;border:2px solid #f00;
解析
在(1)中,之所以把*放在后面是因为firefox不识别*而导致只对它设置了一次border;而ie 系列进行了两次border设置后,后一个属性覆盖了前一个属性,故为一像素的边框。
在(2)中,之所以把!important放在第一个border 设置,是因为它把这次border的优先级提高了,即使后面在一次甚至在N次设置border 也无效,但是Ie6.0对这个规则不接受,而导致它应用了第二次的border 设置,也就是第二次覆盖了第一次的这一原理, 并不是它不识别!important;所以它的border为2 像素的红框.
例子
CSS
#Box { color:red !important; color:blue; }
HTML
在不同的浏览器下,这行字的色应该不同!
这个例子应该是大家经常见到的important的用法了,在IE环境下,这行字是蓝色,在firefox下,为红色
以上是css中!important有什么用的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联成都网站设计公司行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页题目:css中!important有什么用-创新互联
网页地址:http://scpingwu.com/article/ceddoc.html