继承权值问题

Question

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

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

<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩</p>

.first权值为10 所以p显示为绿色

.first中的<span>因为继承了.first  所以权值为0.1  胆小如鼠显示为绿色

但是span{color:pink;} 权值为1，以及加上继承的权值0.1 此时span的权值为1.1，所以胆小如鼠显示为粉色

这个逻辑有没有问题？ 

Answer 1

我觉得，首先color这个CSS样式是具有继承性的，所以，对于“胆小如鼠”这四个字来说，.first选择符对其产生的影响是：继承了绿色，权值为0.1。span对其产生的影响是：权值为1。而浏览器是根据权值来判断使用哪种CSS样式的，哪个权值高就使用哪种。所以使用后者权值为1的那个，显示出粉色。注意要先选定目标，再分析权值，而不是前面权值的直接相加。

Answer 2

对于span来说.first{color:green;}是继承来的，所以权重为0，或者说连0都没有。对span来说span{color:pink;}权重为1，所以显示为粉色。