<style type="text/css">
p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
span{color:pink;}/*设置为粉色*/
p span{color:purple;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
为什么<.first>子元素span会显示紫色，标签权值不应该比类小吗？
span 标签设置为粉色 它的权值是1
p span 标签设置为紫色 它的权值是 1+1=2 所以覆盖了粉色 显示为紫色