問題描述

問題解答

p.title>p.list.list{display:none;}.title:hover .list{display:block;}原理大概就是使用css偽類來(lái)達(dá)到hover狀態(tài)響應(yīng)，從而改變下拉內(nèi)容的顯示。

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

利用css的偽類來(lái)實(shí)現(xiàn)class:hover,如果要使用過渡，那就有好幾種辦法了

使用瀏覽器開發(fā)工具就可以查看其代碼結(jié)構(gòu)，愛奇藝是點(diǎn)擊事件監(jiān)聽，把下拉菜單由display:none;改成display:block;用CSS的話，就只能使用偽類實(shí)現(xiàn)吧，樓上的回復(fù)那樣。

完全使用CSS只能做出一模一樣的樣式，但是所有的點(diǎn)擊事件必須用js來(lái)完成。