CSS多级导航菜单是网站中常见的一种菜单形式，可以帮助用户快速定位和浏览网站内容，提高用户体验。下面是一份CSS多级导航菜单的代码示例：

/* 第一级菜单 */ .nav{display: flex;justify-content: space-between;align-items: center;background-color: #fff; }/* 第二级菜单 */ .sub-nav{display: none;position: absolute;top: 50px;left: 0;background-color: #fff; }/* 鼠标移入显示下拉菜单 */ .nav-item:hover .sub-nav{display: block; }/* 第三级菜单 */ .sub-nav-item{padding: 10px;font-size: 14px;color: #333; }/* 当前选中状态 */ .active{background-color: #f0f0f0; }

第一级菜单使用flex布局，设置背景颜色和对齐方式。第二级菜单使用绝对定位，初始状态为隐藏。通过:hover伪类，当鼠标移入第一级菜单项时，显示对应的下拉菜单。第三级菜单设置样式，通过添加.active类来实现当前选中状态的样式。