为什么这个代码,在右侧框出的第二个框中,不会显示框呢?
<ul> not<ui> 另外“>”是子选择器,作用于第一代子元素,所以只有fruit的内容加边框,如果把“>”
换成空格,变为后代选择器,则可以作用于所有后代元素
.food>li改为.food li
子选择器只会作用于直接子代,后代选择器才能让全部子代选择器都有父代的样式。
.food li{border:2px solid blue;} 这个会出现第一个框的效果
.food>li{border:2px solid blue;} 这个会出现第二个框的效果
至于你用了.food>li{border:2px solid blue;} 会出现第一个效果我也不太清楚,我做完之后的效果就这两种, 你做完之后记得刷新
你把ui改成ul试一下
你的css的ui标签是什么意思,不是ul?
把>改成空格
你的标签是不是写错了,<ul>
<li></li>
</ul>
看不清你的CSS部分的代码
这不是有框吗,只是fruit框的下面和apple框上面重合了。