如何不使用js实现鼠标hover弹出菜单效果

很多同学在实现鼠标hover弹出菜单的效果时都是用的js代码去实现的，默认给弹出隐藏掉，通过js事件绑定动态的显/隐弹出菜单元素。 这种写法是比较流行的写法，但这种写法需要用到js，多多少少有一点不优雅。现在向大家介绍一种使用css伪类结合子代选择器的方式来实现同样效果的办法。 1.首先需要改变一下dom结构，弹出菜单div和按钮之间改成父子结构 2.将之前的script代码通通删掉，改用css伪

>>阅读原文<<