在第11行输入p span{color:purple;}后第二段文字怎么是红色了，不应该两段文字都是是绿色吗？ .first{color:green;}/*因为权值高显示为绿色*/
一开始我也弄糊涂了，回头看下你会发现中间是空格 意思是把p标签内的span标签字体颜色改变，逗号隔开才是分组选择，即把p和span都变成你设置的样式
P span指的是段落p里面的元素span，空格表示所有子类都应用，这个格式的权值为2，虽然开头p{color：red}权值只为1，但是第二段没有span元素，虽然有id选择器但是id选择的style没有写，所以只能匹配到p{color：red}这一句，故第二段是红色的
我认为是 第二段<p>内没有其他元素，ID 也没有声明颜色，就算删掉了ID 也一样是红色。因为第二段只有<p></p>，它就是红色
第一段中的p后面使用的是类选择器，至于什么是选择器，你可以去复习一下，因为第一段用的是类选择器，.frist是绿色的，第二段中用的是id选择器，绿色是属于类选择器的，第二段中用p+id选择器，id选择器是没有颜色的，但是权值是1+10的，所以第二段是红色