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

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

最佳答案

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

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

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

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