.food li{bord:1px solid red;}，这个的意思是类选择器food还有后辈元素li都是红色的实线框，但是.first span{color:red;}又只是span里边的内容字体为红色，而不是first选择器下边的内容字体全部为红色，这是要怎么理解呢？
.food li{bord:1px solid red;} 只是把food 所有的后代的li 样式改成红色实线边框 ，代表food的最外层的ul并没有边框的
.first span{color:red;}就是first类里面所有的span里的字体为红色
都是只有后代才变li 和li的后代边框会变为红色，food类并没有文字内容，没有加边框。所以.first span后也只有span及span后代变色，first不变色，不然整段P都是红色。
li是块级元素，span是内联元素，详细回看第十一章 元素分类