CSS設(shè)置二級(jí)導(dǎo)航:
nav ul ul { display: none; } nav ul li:hover >ul { display: inherit; }
以上代碼實(shí)現(xiàn)了在導(dǎo)航菜單中設(shè)置二級(jí)導(dǎo)航。首先,將二級(jí)導(dǎo)航設(shè)置為不可見(jiàn)狀態(tài),即display:none。當(dāng)鼠標(biāo)懸停在li標(biāo)簽上時(shí),通過(guò)CSS選擇器將ul標(biāo)簽的display屬性設(shè)置為inherit,即繼承父元素的display屬性,使二級(jí)導(dǎo)航可見(jiàn)。
使用這種方式可以方便地創(chuàng)建簡(jiǎn)潔且易于使用的導(dǎo)航菜單。