CSS菜单 - 悬停1菜单项时显示所有菜单项

时间:2011-12-19 08:25:51

标签: html css menu

我有一个基于CSS/HTML的菜单,当我将鼠标悬停在单个菜单项上时显示所有子菜单项。什么可以是

  • 这个问题的根本课程?

  • 我应该在CSS文件或HTML列表中开始调试?

  • 对此有什么常见的诅咒?

(而是发布代码,我更愿意为自己的学习经历解决这个问题!

1 个答案:

答案 0 :(得分:0)

这听起来像是一个CSS选择器问题。如果显示的内容比您预期的要多,则可能是CSS选择器(用于:悬停)过于宽泛并且拾取的项目超出了您的预期。您可能需要使CSS选择器更具选择性,以便它在给定时间仅影响某些子菜单。您可以通过定义以不同ID开头的不同选择器然后将:hover应用于特定元素的仅子元素来执行此操作。如果您的代码是纯HTML / CSS实现,那么这似乎是最可能的原因。它也可能是因为你构造HTML的方式导致所有子菜单项都属于同一个父元素(或分支),所以你可能还需要确保每组子菜单都有一些唯一的父/祖父母您可以基于CSS选择器。希望这有助于指明你正确的方向 - 祝你好运!