qq_静默水乡_0
2017-07-21 14:30
.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是内联元素,详细回看第十一章 元素分类
初识HTML(5)+CSS(3)-升级版
1225294 学习 · 18230 问题
相似问题