Question

div+css二级菜单为什么显示不出来？代码如图

前面一直没看到问题，到了最后一行css就显示不出来。





Answer 1

看了你对css的选择符不清晰啊！

首先看你的html结构：

红色框是你做滑动事件触发用的，绿色框是你滑动要显示出来的，继续往下看

在看看你的css结构：

你用的是包含选择符，当滑过a（.father）时显示.father里面的div（.box），你的HTML结构中他们两是平级的，a（.father）根本没有包含div（.box）

小结：我是给你分析原因，你可以改下css的写法

Answer 2

有两个问题：

1. css最后一行写错了，你写成了display:black

拼写错误

应该改成

.father:hover .box{display:block;}

2. 你的代码当中

<li><a class="father">微信营销</a>
<div class="box">
    <a href="">
    .....
</div>

<a> 和<div>不是父子关系，而是兄弟关系。所以 .father:hover .box类不会起作用

只有写成

<li class="father">
    <a>微信营销</a>
     <div class="box">
      .....
    </div>
</li>

这样才会有效

追问

谢谢！已解决

Answer 3

直接复制代码出来
可以帮你调调看看
看图太麻烦了