p.first{color:green;} 这个的权重是2啊，简单不失应该以这个2的权重为准么
网站的原文代码似乎写的不太规范，p.first之间应该有一个空格，应该写成p .first，刚开始我也百思不得其解，当我在p和.first之间敲出一个空格时，“简单”俩字果然变成了绿色！！！！看来应该是网站代码写得不规范所致。
我来回答这个问题吧，首先指出题主的一个小错误，p.first{}的权重为11，再来，第二行简单之所以不是绿色，是因为其不属于p.first，而是属于p span.first，如果想要其一开始为绿色，可以将第8行改为.first(对所有first类设置)，希望对你有帮助。
但没有加!important 显示也是红色啊，我理解没有加的话应该显示绿色才对
important优先级样式是个例外，权值高于用户自己设置的样式。
span 继承了 p的样式。
后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。