課程
/前端開發(fā)
/HTML/CSS
/導(dǎo)航條菜單的制作
ul>li ul{transition:height 0.3s;} ?
ul>li:hover ul{height: 120px;}
2016-12-03
源自:導(dǎo)航條菜單的制作 6-2
正在回答
>是指只能一代接一代,比如: nav>ul>li>ul>li,必須是下面這樣的
? ? ? ? ? ?<nav> ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li></li> ? ? ? ? ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ?</nav>
然后nav ul li ul只要求后面的元素是在nav標(biāo)簽下的順序即可,對中間隔了幾層不敏感,比如:
? ? ? ? ? ?<nav> ? ? ? ? ? ? ? ?<div> ? ? ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ? ? ?<div> ? ? ? ? ? ? ? ? ? ? ? ? ? ?<a> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<div> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ? ? ? ? ?</a> ? ? ? ? ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ?</nav>
指的是ul的子元素li
煙云藏鋒
舉報(bào)
水平、垂直、圓角導(dǎo)航條菜單,讓您的技術(shù)探索之路更高效
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-02
>是指只能一代接一代,比如: nav>ul>li>ul>li,必須是下面這樣的
? ? ? ? ? ?<nav>
? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ?<li>
? ? ? ? ? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ? ? ? ? ?<li></li>
? ? ? ? ? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</nav>
然后nav ul li ul只要求后面的元素是在nav標(biāo)簽下的順序即可,對中間隔了幾層不敏感,比如:
? ? ? ? ? ?<nav>
? ? ? ? ? ? ? ?<div>
? ? ? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ? ? ?<div>
? ? ? ? ? ? ? ? ? ? ? ? ? ?<a>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?</li>
? ? ? ? ? ? ? ? ? ? ? ? ? ?</a>
? ? ? ? ? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ?</nav>
2016-12-03
指的是ul的子元素li