問題描述

如何純用css去實現下面這個效果：

一級導航的第一個導航的二級導航默認是顯示的（其他導航項目的二級導航是隱藏的display：none；），當鼠標移到一級導航的其他導航項目時，默認顯示的第一個二級導航隱藏，與此同時，鼠標移入的導航項的二級導航顯示，這時再移開鼠標時，回到默認狀態（即顯示第一個導航的二級導航）

和QQ音樂導航的效果差不多求解?.?

問題解答

大概是這樣

HTML:

.........

CSS：

.nav li:first-child .subnav{ display: block;}.nav:hover li:first-child .subnav{ display: none;}.nav:hover li:hover .subnav{ display: block;}