[css] 请使用css写一个多级的下拉菜单
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>* {padding: 0;margin: 0;}a {text-decoration: none;}ul li {float: left;position: relative;list-style: none;margin: 3px;}ul li a {width: 100px;display: block;text-align: center;padding: 10px 20px;background-color: #e8e8e8;}ul li ul {display: none;position: absolute;left: 0;top: 100%;}ul li:hover>ul {display: block;}ul li:hover>a {background-color: bisque;}ul li ul li {clear: both;position: relative;}ul li ul li a {width: 150px;border-top: 1px solid white;}ul li ul li ul {display: none;position: absolute;left: 100%;top: 0;}</style>
</head><body><ul><li><a href="">11111111</a></li><li><a href="">11111111</a><ul><li><a href="">2222</a></li><li><a href="">222</a><ul><li><a href="">2222</a></li><li><a href="">222</a></ul></li></ul></li></ul>
</body></html>
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 用css给一个元素加边框有哪些方法？](http://pic.xiahunao.cn/[css] 用css给一个元素加边框有哪些方法？)
![[css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别？](http://pic.xiahunao.cn/[css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别？)
![[css] 举例说明你对相邻兄弟选择器的理解](http://pic.xiahunao.cn/[css] 举例说明你对相邻兄弟选择器的理解)
![[css] 你是怎么设计css sprites（精灵图）的？有哪些技巧？](http://pic.xiahunao.cn/[css] 你是怎么设计css sprites（精灵图）的？有哪些技巧？){kind=icon}
![[css] 请描述下你对translate()方法的理解](http://pic.xiahunao.cn/[css] 请描述下你对translate()方法的理解)
![[css] 怎样去除图片自带的边距？](http://pic.xiahunao.cn/[css] 怎样去除图片自带的边距？)