Html css下拉菜单不会在hoover上打开

大家好，我是HTML5和CSS的新手。试图以经典设备图标的形式创建一个

下拉菜单，但它不起作用。也许有人能回答我这个问题

我已经隐藏了它的显示非，并说它显示块悬停`
也许是切片的问题，我不知道

<header class="Header"> 
  <!-- Head navigation--> 
    <div>
      <a href="#" title="cart"> <img src="images/cart_logo_webb_design.svg" alt="cart"></a>
      <a href="#" title="Search"> <img src="images/search_logo_webb_design.svg" alt="search glass"></a>
   </div>
   <div>
  <img src="images/k_logo_webb_design.svg" alt="CompanyLogo">
  </div>

  <nav id="MainNavigation">
   <a href="#" title="MenuIcon"><img src="images/menu_logo_webb_design.svg" alt="Menu icon"></a>
    <ul id="dropDownMenu">
        <li>
        <a class="Sub_Menu_Link" href="#" title="Woman">Woman</a>
        <ul>
        <li><a href="#">1</a> </li>
         <li><a href="#">2</a> </li>
          <li><a href="#">3</a> </li>
           <li><a href="#">4</a> </li>
            <li><a href="#">5</a> </li>
        </ul>
        </li>
        <li>
        <a class="Sub_Menu_Link" href="#" title="Man">Man</a>
        <ul>
       <li><a href="#">1</a> </li>
         <li><a href="#">2</a> </li>
          <li><a href="#">3</a> </li>
           <li><a href="#">4</a> </li>
            <li><a href="#">5</a> </li>
        </ul>
        </li>
        <li><a href="#" title="Sale">Sale</a></li>
      </ul>
      </nav>


and my css here

/*GeneralHeader*/
header{
    position:relative;
    display:block;
    top:15px;   
    z-index: 1;

}

.Header img{
    width:36px;
    height:40px;

    }

header div:first-of-type{
    float:right;
    background-color:red;
    margin-right:0;
    width:30%;
    position:absolute;
    top:0;
    right:0;
}

header div:last-of-type{
position:relative;
    left:50%;

}

header div:after{
    content:"";
    visibility:hidden;
    display:block;
    clear:both;
}
 nav{
    float:left;
    width:20%;
     position:absolute;
    left:0;
     top:0;
    background-color:red;

}



nav:after{
        content:"";
    visibility:hidden;
    display:block;
    clear:both;
}
nav ul{
    margin:5%;
    padding:0;
}
nav ul li:hover{
    background-color:white;
}
nav ul >ul:hover{
    display:block;
}
nav ul li a{
    display:inline-block;
    color:black;
    padding: 5px 3px;
    width:125px;
    text-decoration:none;
    position:relative;
}

nav ul li a:visited{
    color:rgba(70,80,0,.65);
}

nav ul li a:hover{
    color:green;
}

nav ul ul{
    position:absolute;
    display:none;

}
nav ul ul li{     /*  */
    position:relative;
}

nav ul ul ul{   /* denna innbär att de 3e underlänkarna ``positineras till vänster om sna föräldrar.. ej nödvändigt för mig hehe */
    left:100%;
    top:0;
}























我的css在这里
/*总标题*/
标题{
位置：相对位置；
显示：块；
顶部：15px；
z指数：1；
}
.标题img{
宽度：36px；
高度：40px；
}
标题div：类型的第一个{
浮动：对；
背景色：红色；
右边距：0；
宽度：30%；
位置：绝对位置；
排名：0；
右：0；
}
标题div：类型的最后一个{
位置：相对位置；
左：50%；
}
标题div:after{
内容：“；
可见性：隐藏；
显示：块；
明确：两者皆有；
}
导航{
浮动：左；
宽度：20%；
位置：绝对位置；
左：0；
排名：0；
背景色：红色；
}
导航：之后{
内容：“；
可见性：隐藏；
显示：块；
明确：两者皆有；
}
导航ul{
利润率：5%；
填充：0；
}
nav ul li:悬停{
背景色：白色；
}
导航ul>ul:悬停{
显示：块；
}
海军ulli a{
显示：内联块；
颜色：黑色；
填充物：5px 3px；
宽度：125px；
文字装饰：无；
位置：相对位置；
}
李娜：参观了{
颜色：rgba（70,80,0,65）；
}
导航ulli a：悬停{
颜色：绿色；
}
导航ul{
位置：绝对位置；
显示：无；
}
nav ul li{/**/
位置：相对位置；
}
纳瓦尔·乌尔{/*denna innbär att de 3e underänkarna ``直到斯纳尔德拉尔的正品。..ej nödvändigt för hehe*/
左：100%；
排名：0；
}

如果对您有用，请使用此代码段
您没有在
css
中使用任何
nav
类
或
id
？没有。。如果我需要的话，在开始的时候把它们放在那里。你的HTML写得很糟糕。
nav>ul ul{
  display: none;
}
nav>ul li:hover ul{
  display: block;
}