如何不使用js實現鼠標hover彈出菜單效果

很多同學在實現鼠標hover彈出菜單的效果時都是用的js代碼去實現的，默認給彈出隱藏掉，通過js事件綁定動態的顯/隱彈出菜單元素。 這種寫法是比較流行的寫法，但這種寫法需要用到js，多多少少有一點不優雅。現在向大家介紹一種使用css僞類結合子代選擇器的方式來實現同樣效果的辦法。 1.首先需要改變一下dom結構，彈出菜單div和按鈕之間改成父子結構 2.將之前的script代碼通通刪掉，改用css僞

>>阅读原文<<