.first span{color:blue;}
p span{color:purple;}
.first span{color:blue;} .first是类标签权值10；span是标签权值1。权值结果为10+1=11
p span{color:purple;} 这里 p 和 span 都是标签，权值各为1。权值结果为1+1=2
11>2 所以样式显示blue
.first 是类选择符，权值是10 。span p是标签 权值是1
所以.first span权值11
p span权值是2
显示蓝色
另外#first这种是id选择符，权值是100，
标签的权值为1，类选择器的权值为10，id选择器的权值为100。
补充：如果某个标签的样式继承于它的父标签，比如说p标签里的span标签，那span标签也是有权值的，也就是说继承也有权值的，但是很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
第一段代码的权值为11。
第二段代码的权值为2。
第一个是10+1=11
第二个是1+1=2