p{color:red;}

/*权值为1,隐藏了span的继承权值为0.1，作用对象：胆小如鼠

1.p作用对象为第一段和第二段*/

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

1.作用对象是第一段

span{color:pink;}/*设置为粉色，作用对象：胆小如鼠，权值为1*/

现在探讨结果：

第一段：1.span使用了两种样式，选择权值大的，所以，胆小如鼠的颜色为绿色

             2.  第一段使用了p{color:red;}和.first{color:green;}两种样式，选择权值大的，所以文字颜色为绿色

第二段：使用p{color:red;}一种样式，所以文字颜色为红色

一开始我也很困惑，应该如何区分，但是，只要抓住了对于同一个（或一组）元素设置了不同的CSS样式代码，区别那个元素用了哪几种样式才是关键。这是我的理解。

根据优先级，p span是层叠，而没有

我觉得是要看针对的目标，.first针对的目标整个<p>，但是p span针对的只是<span>这一块的，所以才会显示p span中的样式，如果.first和p span都针对<span>这一块，那才会显示.first的

你看错了，显示的是权值高的内容，不会是权值低的

就近原则吧。