課程
/前端開發
/HTML/CSS
/十天精通CSS3
.nav-menu > li 中的>是怎么回事呢,跟.nav-menu ?li的寫法一樣的嗎?
2017-03-10
源自:十天精通CSS3 9-10
正在回答
.nav-menu > li這個是子選擇器,只選元素的直接后代,不隔代遺傳。
nav-menu li這個是后代選擇器,選元素的所有li后代。
>符號表示子元素選擇器,意思是選擇父元素下面所有“直接“子元素,嵌套的孫元素及以后的后代元素不會被選擇,比如下面.nav-menu > li?只會選擇內容為a的li,內容為b的不會被選擇:
<ul class="nav-menu">
? <li>a</li>
? <li>a
? ? <ul>
? ? ? <li>b</li>
? ? </ul>
? </li>
</ul>
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答CSS3 9-10代碼疑問!
1 回答CSS3的問題
2 回答css3的rotate
3 回答css3徑向漸變怎么寫呢
1 回答css3新手問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-17
.nav-menu > li這個是子選擇器,只選元素的直接后代,不隔代遺傳。
nav-menu li這個是后代選擇器,選元素的所有li后代。
2017-03-12
>符號表示子元素選擇器,意思是選擇父元素下面所有“直接“子元素,嵌套的孫元素及以后的后代元素不會被選擇,比如下面.nav-menu > li?只會選擇內容為a的li,內容為b的不會被選擇:
<ul class="nav-menu">
? <li>a</li>
? <li>a
? ? <ul>
? ? ? <li>b</li>
? ? ? <li>b</li>
? ? </ul>
? </li>
? <li>a</li>
</ul>