在CSS菜单和子菜单之间悬停状态维护

时间:2013-09-09 12:00:27

标签: html css navigation hover submenu

我的问题与这篇文章有关:CSS Space between menu and submenu

我想了解的是为什么这个特定的解决方案适用于原始问题。为什么编辑导航ul ul:之前的属性会影响悬停状态,该状态似乎在将鼠标悬停在该列表中的 li 项目时定义为活动状态?我在自己的代码中使用了这个解决方案取得了巨大的成功,但却不明白它为什么会起作用。是 li 只是扩展以填充 ul:之前的空间?

提前感谢您的见解。

1 个答案:

答案 0 :(得分:0)

该解决方案可行,因为在该答案中设置了nav ul ul:before规则,在第二个ul之前直接设置了其他内容。这是一个空白内容,大小为20px,顶部位置为-20px。因为第二个ul是第一个ul的li的子元素并且没有固定的高度设置,它会像height:auto;的每个其他容器一样扩展到内容的高度。