内选择器权值为10，p span权值为2，为什么最后显示的是p span颜色？10不是大于2？

<style type="text/css">

p{color:red;}

.first{color:green;}/*因为权值高显示为绿色*/

span{color:pink;}/*设置为粉色*/

 p span{color:blue;}

</style>