第 7 课 14 / 17 | 编码:L07-27
学习回顾

读代码:文字颜色由谁决定?

提问:两个段落分别是什么颜色?

<style>
html { font-size: 20px; }
.notice {
  color: teal;
  font-size: 2rem;
  padding: 1rem;
}
p { color: blue; }
</style>

<p class="notice">黄梅戏分享会:周三下午</p>
<p>欢迎参加</p>
展开参考分析

通知段落为青绿色,普通段落为蓝色。在本例中,类选择器 .notice 的优先级高于元素选择器 p,不因 p 写在后面而改变。