• 技术文章 >web前端 >html教程

    IE6也认识!important

    巴扎黑巴扎黑2017-04-05 10:53:44原创1000
    !important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。

    例如:

    <style type="text/css">
    .demo{
    	color:red !important;
    	color:green;
    }
    </style>
    <p class="demo">www.admin10000.com</p>

    上面代码在FF下字体为红色、IE6下字体为绿色。说明IE6忽视!important的存在。

    再来看看:

    <style type="text/css"> 
    .demo{ color:red !important; } 
    .demo { color:green; } 
    </style> 
    <p class="demo">www.admin10000.com</p>

    如果IE6不认!important的话,上面代码.demo的内容应该显示为绿色,可偏偏不是,.demo的内容显示为红色,说明IE6是认得!important的。

    两种情况的区别就在于:当在一个选择器中,利用!important改变样式优先级的时候,IE6下是无效的,后面的样式覆盖了前面的,!important被彻底无视了,利用!important进行hack正是利用了这一点。而当在不同选择器中应用!important时,IE6是认得!important的。

    相关文档:关于IE6下的CSS多类选择符

    以上就是IE6也认识!important的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:IE6,!important
    上一篇:IE浏览器条件注释的详解 下一篇:10个易犯的HTML标签错误
    Web大前端开发直播班

    相关文章推荐

    • 带你了解HTML5 SVG,看看怎么绘制自适应的菱形• html5中块状元素怎么转换为其他元素• javascript的DOM模型• CSS一个效果处理不来 请大家帮下忙_html/css_WEB-ITnose• Div+CSS网站设计的优点_html/css_WEB-ITnose

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网