鼠标悬停时扩展的菜单,完全是通过CSS完成的吗?

前端之家收集整理的这篇文章主要介绍了鼠标悬停时扩展的菜单,完全是通过CSS完成的吗? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有人告诉我,一旦有可能仅通过CSS创建菜单,怎么办?

最佳答案
这是通过选择器完成的.您可以使用伪类来指定仅在其父元素悬停时才显示的特定元素.

#nav li:hover > ul {
display: block;
}

仅当ul的父元素#nav悬停在上面时,ul才会显示. ul现在是下拉菜单,您可以在其中放置更多列表项.无论您希望下拉菜单具有多少级别,它都可以使用.

该技术在本教程中得到了很好的展示:CSS3 Dropdown Menu

猜你在找的CSS相关文章