为什么这里会的[胆小如鼠]显示紫色
<style type="text/css">
p{color:red;}
span{color:purple;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
根据权值计算.first的权值是10 span的仅为1，为什么这种情况下p中的span还是显示紫色
