.food>ul{ border:1px solid red;/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/ }
為什么用.food>ul的時候沒有任何效果了就
qq_慕前端9598668
2019-03-20
2 回答
舉報
0/150
提交
取消
2020-07-03
.food子代沒有ul 你可以改成.food>li>ul
2019-05-07
?因為“>”為子選擇器，只作用于第一代后代，即在該代碼中food后的第一個元素，<li></li>;
而“空格”為后代選擇器，作用于子后代元素，在代碼中，若為".food li"，即作用于所有<li></li>,用". food ul"也一樣；
要想使".food>ul"有效果，可以將第一對<li></li>換成<ul></ul>,即<li>水果......</li>,<li>蔬菜......</li>;或者直接刪掉。
希望能幫到你。