                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /形形色色的下拉菜單

為什么這樣寫二級菜單不顯示

<!DOCTYPE?html>
<html>
<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>Demon</title>
????<style?type="text/css">
????
????*{
????????margin:?0;
????????padding:?0;
????}
????.nav{
????????width:?30%;
????????height:?30px;
????????font-family:?"微軟雅黑";
????????font-weight:?bold;
????????font-size:?15px;
????????margin:?0?auto;
????????background-color:?gray;
????????position:?relative;
????}????.ul?li{
????????list-style-type:?none;
????????line-height:?30px;
????????width:?100px;
????????/*height:?auto;?*/
????????/*?display:?block;?*/
????????text-align:?center;
????}????.ul{
????????display:?flex;
????????justify-content:?space-around;
????}????.ul?li?a{
????????text-decoration:?none;
????????color:?black;
????????display:?block;
????????padding:?0,30px;
????}????ul?li?a:hover{
????????color:?white;
????????background-color:?blue;
????????
????}????ul?li?ul?li{
????????margin:?2px?0?0?0;
????????background-color:?gray;???????
????????text-align:?center;
????????display:?none;
????}????ul?li?:hover?ul?li{
????????display:?block;
????}????.asd{
????????position:?absolute;
????????top:?40;
????????left:?0;
????}????.asd?li{
????????width:100px;
????}
????
????</style>
</head>
<body>
????<div?class="nav">
????????<ul?class="ul">
????????????<li><a?href="#">第一條</a>
????????????<ul?class="asd">
????????????????<li><a?href="#">1.1條12</a></li>
????????????????<li><a?href="#">1.2條222222</a></li>
????????????????<li><a?href="#">1.3條</a></li>
????????????????<li><a?href="#">1.4條</a></li>
????????????</ul>
????????????</li>
????????????<li><a?href="#">第二條</a></li>
????????????<li><a?href="#">第三條</a>
????????????<ul>
????????????????<li><a?href="#">3.1條</a></li>
????????????????<li><a?href="#">3.2條</a></li>
????????????????<li><a?href="#">3.3條</a></li>
????????????????<li><a?href="#">3.4條</a></li>
????????????</ul>
????????????</li>
????????????<li><a?href="#">第四條</a></li>
????????</ul>
????</div>
</body>
</html>