怎么让初始列表不显现当鼠标悬浮在div的a标记上面就显示a标记中的ul列表

你可以使用CSS来实现这个效果。首先，将ul列表的display属性设置为none，然后将a标记的:hover伪类设置为显示ul列表。下面是一个示例代码：

HTML:

<div class="menu">
  <a href="#">菜单</a>
  <ul>
    <li><a href="#">菜单1</a></li>
    <li><a href="#">菜单2</a></li>
    <li><a href="#">菜单3</a></li>
  </ul>
</div>

CSS:

.menu ul {
  display: none;
}
.menu a:hover + ul {
  display: block;
}

在上面的示例中，ul列表的display属性被设置为none，当鼠标悬浮在a标记上时，使用:hover伪类将a标记后面的ul列表的display属性设置为block，这样ul列表就会显示出来。需要注意的是，这里使用了CSS选择器“+”来选择a标记后面的ul列表，所以需要保证a标记和ul列表是相邻的元素。

你可以根据需要修改CSS样式来达到你想要的效果。