在网上浏览后无济于事，我发现了这个stackoverflow帖子：
I Want To Apply Delay On Mouse Out in css
看起来它可以工作，以便让一个下拉列表保持几秒钟然后消失。我看着链接的'小提琴'，CSS似乎很简单。但由于某种原因，它不能解决我的代码问题。这是代码，我希望有人可以指出可能阻止小提琴解决方案工作的原因。谢谢
丹尼尔
#nav{z-index:200;position:relative;overflow:hidden;width:100%;color:#fff}
#nav ul{padding:0;margin:0;list-style:none}
#nav ul ul{display:block!important}
#nav ul:before,#nav ul:after{content:"";display:table}
#nav ul:after{clear:both}
#nav li{display:block}
#nav li a{display:block;color:#B0B0B0;font-size:.875em;line-height:1.28571em;font-weight:700;outline:none}
#nav li a:focus,#nav li a:hover{color:blue;background:rgba(255,255,255,0.1)}
#nav li.is-active a{color:red}
#nav li ul{position:absolute;width:auto;left:-999em}
#nav li:hover ul{left:auto;display:block;background:#F2F2F2;font-family:'Times New Roman',serif}
nav ul li:hover ul{display:block;width:400px;padding:5px;height:auto}