課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么用.food>ul的時(shí)候沒(méi)有任何效果了就
2019-03-20
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-7
正在回答
.food子代沒(méi)有ul 你可以改成.food>li>ul
?因?yàn)椤?gt;”為子選擇器，只作用于第一代后代，即在該代碼中food后的第一個(gè)元素，<li></li>;
而“空格”為后代選擇器，作用于子后代元素，在代碼中，若為".food li"，即作用于所有<li></li>,用". food ul"也一樣；
要想使".food>ul"有效果，可以將第一對(duì)<li></li>換成<ul></ul>,即<li>水果......</li>,<li>蔬菜......</li>;或者直接刪掉。
希望能幫到你。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答.food ul,li{border:1px solid red;}/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/,最外面那層沒(méi)框，寫成.food li,ul的話最外層為什么就有框了？如何理解呢
1 回答.food>li{border:1px solid red;}
4 回答為什么把.food>li{border:1px solid red;}中的li改為ul邊框消失了
10 回答.food>ul{ border:1px solid red} 為什么沒(méi)有效果呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2020-07-03
.food子代沒(méi)有ul 你可以改成.food>li>ul
2019-05-07
?因?yàn)椤?gt;”為子選擇器，只作用于第一代后代，即在該代碼中food后的第一個(gè)元素，<li></li>;
而“空格”為后代選擇器，作用于子后代元素，在代碼中，若為".food li"，即作用于所有<li></li>,用". food ul"也一樣；
要想使".food>ul"有效果，可以將第一對(duì)<li></li>換成<ul></ul>,即<li>水果......</li>,<li>蔬菜......</li>;或者直接刪掉。
希望能幫到你。