当前位置:  首页  >  前端开发  >  HTML

css类选择器类名覆盖优先级实例详解-html教程

code<style>.a{background:red;}.b{background:yellow;}<style><divclass"ab">A<div>渲染效果最初以为更改元素中class类里面的类名顺序,渲染效果就会根据类名顺序依次渲染code<style>
  • code

    
    

    A

  • 渲染效果

    最初以为更改元素中class类里面的类名顺序,渲染效果就会根据类名顺序依次渲染

  • code

    
    

    A

  • 渲染效果

    更改元素class里面类名的顺序并不能影响渲染顺序

  • code

       
    

    A

  • 渲染效果

    更改样式表里类的顺序 渲染顺序受到影响

    结论:两个类中有同样的属性覆盖顺序是css样式表从下往上的顺序

以上就是css类选择器类名覆盖优先级实例详解的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有