你不把第7行删除的话，胆小如鼠四个字就是红色的。

为什么我的就会变绿呢??大家的都不会变绿吗?

h1,span{color:red;}        /*标签权值为1*/

.first{color:green;}       /*类权值为10*/

/*由first来渲染first内部的span属于继承，继承的权值为0.1*/

#second span{color:green;} /*ID权值为100 + 1*/

经9.2的学习回头来补充回答，这样的解释应该是正确的。按权值由高到底，一目了然

经过反复实验，个人认为是优先级的原因
第一步：   .first{color:green}渲染了第一段把第一段变绿
第二步：  由span{color:red}渲染了所有span内的内容，变红

第三步：  由#second{color:green}将第二段的span内容变绿

总的来说，在这个例子里面分为两个等级，可以把h1,first,second看作是大范围，span看作是局部
覆盖颜色的顺序是   大范围  早于  局部     亦可说   局部 覆盖 大范围
当级别相同时，就看代码的先后，写在后面的覆盖前面的

好了，这个是个人的理解，如有错误欢迎指出

后面写的css覆盖了前面的