01 · 选中示例段落
在独立演示页中，右键“活动通知：黄梅戏分享会”，选择“检查”；在 Elements（元素）面板中确认选中的是 p.card。
核心知识
样式调试：Styles 与 Computed
沿用上一页例②的两条颜色规则，查看哪条生效。Styles 显示规则，Computed 显示浏览器解析后的属性值。
打开示例
打开 Styles 与 Computed 独立演示页（新标签页）
查看路径
Elements → 选中 panel 内的 p → Styles → 查找 color
Elements → Computed → 搜索 color02 · 规则与结果
在 Styles（样式）中，两条颜色声明都出现；.panel .card 中的 color: teal 被划线。这条规则仍然匹配，但它的颜色声明被后写的声明覆盖。
03 · 观察要点
在 Computed（计算样式）中搜索 color，应看到 rgb(220, 20, 60)，即 crimson