p{color:red;}

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

p span{color:purple;}

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

最开始有疑问，觉得被span包围的字应是绿色的，在小伙伴的问答中找到了2种解法，感觉都说的通，那么问题来了，到底那种解法才是真正正确的呢？

解法一（@feizq092）:span在P内，是继承其颜色，因此权值为0.1，单独设置span{color:pink;}，其权值为1，因此会显示span设置的颜色，而增加p span{color:purple;},其权值为1.1，因此最终会显示紫色。

解法二（qq_M3_0）：计算全部权重，span在P中，设置span{color:pink;}后，其权重为1+10+o.1=11.1,因此为粉色，而最后增加p span{color:purple;}，相当于权重为：1+o.1+11.1=12.2,所以显示为紫色。

感觉解法二的逻辑上有点问题，但这样理解是否可行呢？