CSS的叠层特性-样式的优先级
发布日期：2021-06-29 05:58:09
浏览次数：2
分类：技术文章
本文共 445 字，大约阅读时间需要 1 分钟。
有如下代码：
<html>
<head> <title></title> <style type="text/css"> p{ color:green; } .red{ color:red; } .purple{ color:purple; } #line3{ color:blue; } </style> </head> <body> <p >这是第1行文本</p> <p class="red">这是第2行文本</p> <p id="line3" class="red">这是第3行文本</p> <p style="color:orange" id="line3">这是第4行文本</p> <p class="purple red">这是第5行文本</p> </body> </html>可以看到，除了第一行的<p>标签外，后面几行中都有样式冲突，那么最终显示的样式时怎样的呢？
如下图：
总结如下：
行内样式 > ID样式 > 类别样式 > 标记样式
有两个行内样式时，以前者为准。
转载地址：https://blog.csdn.net/zhouyingge1104/article/details/8498010 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
路过，博主的博客真漂亮。。
[***.116.15.85]2024年04月17日 13时54分51秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
这位电子工程师，你不能错过。
2019-04-29
十八般武艺教你如何解决问题
2019-04-29
「权威发布」2019年大学生电子设计竞赛，仪器设备和主要元器件清单
2019-04-29
「重磅猜题之第二篇」2019年大学生电子设计竞赛
2019-04-29
知乎：硬件和软件哪个吃香？
2019-04-29
中国深圳，600架无人机的盛典！
2019-04-29
干货分享 JVM 之第 3 篇 —— Java 内存结构相关
2019-04-29
干货分享 JVM 之第 5 篇 —— 类加载器
2019-04-29
干货分享 JVM 之第 6 篇 —— SpringBoot2.0 框架性能调优
2019-04-29
基于 Hystrix 高并发服务限流第 1 篇 —— 必须了解的相关概念
2019-04-29
基于 Hystrix 高并发服务限流第 2 篇 —— 服务隔离（线程池隔离、信号量隔离）
2019-04-29
基于 Hystrix 高并发服务限流第 3 篇 —— 服务熔断、服务降级
2019-04-29
基于 Hystrix 高并发服务限流第 5 篇 —— Hystrix 监控
2019-04-29
Eureka 如何快速的、优雅的停止某个微服务
2019-04-29
Eureka 实现安全认证
2019-04-29
Nginx 反向代理、负载均衡配置、Location正则表达式
2019-04-29
SpringBoot + WebSocket 实现前后端的收发消息
2019-04-29
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 309705978 位访客
访问时间: 2024-05-01 17:02:03
访问IP: 3.149.254.35
Copyright © 2020 - 2023 blog.css8.cn 京ICP备2021015314号-1
手机版