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

    CSS中如何使用!important声明强制优先的具体介绍

    黄舟黄舟2017-07-27 11:32:15原创1412
    !important声明强制优先

    CSS优先级中还有一个最无敌的声明,就是!important。

    在CSS样式表中,带有!important声明的样式优先使用,它的优先级会超越任何地方、任何方式的样式声明,包括行内style属性中声明的样式。

    比如下面代码:

    <style type="text/css"> 
    p{ color:red !important; }  
    </style> 
    <p style="color: blue; ">这是一行文字</p>

    这里的这行文字在浏览器中仍然显示为红色字体。

    所以,CSS样式匹配的优先权遵循以下顺序:

    (1) !important声明高于一切。

    (2) 内嵌样式次之。

    (3) 样式表中声明按选择器的权重排序。

    (4) 最后按浏览器执行样式表的顺序,遵循"后来居上"原则匹配样式。

    当然最后还要强调一点:如果没有设置样式的,则自动继承父级节点的样式。

    以上就是CSS中如何使用!important声明强制优先的具体介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:important css 样式表
    上一篇:CSS中关于!important的使用方法总结 下一篇:CSS中关于!important重要性的详细介绍
    千万级数据并发解决方案

    相关文章推荐

    • css3怎样实现不是直角的菱形效果• CSS如何进行性能优化?优化小技巧分享• css3框模型有几种属性• 如何利用CSS来美化滑动输入条?自定义样式方法浅析• 2022年你值得了解的几个CSS新特性(收藏学习)
    1/1

    PHP中文网