为什么第12行那个class在
标签里，但是只有那句话被红色框框住了 而不是整段被框住？求教各位老师。
你说的是初始状态下，第一段为绿色第二段为红色么？
p{color:red;}选中的是 p 标签下的 全部内容，设置为红色，并且 标签的权重 为1
p.first{color:green;} 此处选中的是 p 下的 .first 类包含的内容，权重为1+10， 为11
应该这样看 先是<span>胆小如鼠</span>，外面还有一层<span></span>标签
这个是子选择器，只能对第一代元素选择。比如：<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,这样的话，12行用了class，胆小如鼠是不会有边框的，因为“胆小如鼠”相当于孙子辈了。
#first>span{border:1px solid red;}
子选择器中即大于符号（>）会使id名为first下的子元素span加入红色边框 1px字号
因为它是给里面一级的li样式，并不是给那个里面所有li样式！