看了你对css的选择符不清晰啊!
首先看你的html结构:
红色框是你做滑动事件触发用的,绿色框是你滑动要显示出来的,继续往下看
在看看你的css结构:
你用的是包含选择符,当滑过a(.father)时显示.father里面的div(.box),你的HTML结构中他们两是平级的,a(.father)根本没有包含div(.box)
小结:我是给你分析原因,你可以改下css的写法
有两个问题:
1. css最后一行写错了,你写成了display:black
拼写错误
应该改成
.father:hover .box{display:block;}
2. 你的代码当中
和不是父子关系,而是兄弟关系。所以 .father:hover .box类不会起作用 只有写成 微信营销 ..... 这样才会有效
只有写成
这样才会有效
直接复制代码出来可以帮你调调看看看图太麻烦了