.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