html5 - 純CSS怎么做出這種一模一樣的導航條導航塊那里還有個下拉菜單，請大家指導一下

問題描述

問題解答

p.title>p.list.list{display:none;}.title:hover .list{display:block;}原理大概就是使用css偽類來達到hover狀態響應，從而改變下拉內容的顯示。

下拉菜單，如果是css的話，可以直接用父class:hover 子class然后設置opacity:1甚至可以加上過渡效果。

利用css的偽類來實現class:hover,如果要使用過渡，那就有好幾種辦法了

使用瀏覽器開發工具就可以查看其代碼結構，愛奇藝是點擊事件監聽，把下拉菜單由display:none;改成display:block;用CSS的話，就只能使用偽類實現吧，樓上的回復那樣。

完全使用CSS只能做出一模一樣的樣式，但是所有的點擊事件必須用js來完成。