0

我通常没有css问题，我自己制作了这个导航菜单，但我似乎无法理解为什么当我将鼠标悬停在一个项目上时它不会显示我的div......我创建了一个jsfiddle @ http：/ /jsfiddle.net/LuLTM/以及所有代码......

#beautyworld #beautyhealth {display:none;}
#beautyworld #beautyhealth:hover {color:black;display:block!important}

我希望将鼠标悬停在 div #beautyworld 上以显示 div #beautyhealth ...我只是不明白为什么我的 css 无法正常工作...。有人可以建议吗？谢谢你

4

1 回答 1

1

我认为问题在于您试图将鼠标悬停在当前“显示：无”的内容上。由于 display none 会折叠元素，因此没有任何东西可以悬停。您注意让它悬停在相对父级上以显示子级。

例如：

#beautyworld > div { display:none; }
#beautyworld:hover > div { color:black; display: block !important; }
于 2013-04-13T03:57:08.210 回答