学习回顾
读代码:文字颜色由谁决定?
提问:两个段落分别是什么颜色?
<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 写在后面而改变。