继承的权值比较低才0.1，span的权值为1，故而span标签内的内容显示的颜色为粉色而不是绿色

如果说不给<span>加粉色的样式，那么span就是绿色，他是继承了first的样式，所以权值就为0.1

但是给span加上了粉色的样式，那么他就是标签了，他的权值就是1

1>0.1

所以就是粉色了

你这题里面不存在选中 同一个元素 。所以说 不用考虑优先级问题.

如果多个选择器选中同一个元素，并且设置相同的属性，则需要考虑css选择器优先级

css选择器优先级 id选择器 > class选择器 > 元素选择器

选择范围越精确，优先级越高

同样优先级，距离元素近起效(就近原则)

给属性值后面加上!important可以提高属性优先级，但不能滥用

但是 ，你这题里面不存在选中 同一个元素 。所以说 不用考虑优先级问题。就算优先级低也能显示

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

由代码的表现的性质不一样的

就近原则，还有就是p span的权值是1+1