文章詳情頁
關于純用css寫導航鼠標移入事件的問題?
瀏覽:242日期:2023-02-05 18:45:51
問題描述
如何純用css去實現下面這個效果:
一級導航的第一個導航的二級導航默認是顯示的(其他導航項目的二級導航是隱藏的display:none;),當鼠標移到一級導航的其他導航項目時,默認顯示的第一個二級導航隱藏,與此同時,鼠標移入的導航項的二級導航顯示,這時再移開鼠標時,回到默認狀態(即顯示第一個導航的二級導航)
和QQ音樂導航的效果差不多求解?.?
問題解答
回答1:大概是這樣
HTML:
.........
CSS:
.nav li:first-child .subnav{ display: block;}.nav:hover li:first-child .subnav{ display: none;}.nav:hover li:hover .subnav{ display: block;}
標簽:
CSS
相關文章:
1. docker-compose中volumes的問題2. boot2docker無法啟動3. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””4. docker安裝后出現Cannot connect to the Docker daemon.5. nignx - docker內nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. docker容器呢SSH為什么連不通呢?8. 關于docker下的nginx壓力測試9. java - Spring事務回滾問題10. dockerfile - 為什么docker容器啟動不了?
排行榜

網公網安備