Html CSS添加下拉菜单

我必须使用这个菜单，我想添加一个下拉菜单

我尝试添加

ul li/ul-ul/ul-li:hover>li

但什么也没发生，也许我叠加了样式

HTML:

<nav class="nav-collapse">
   <ul>
      <li><a class="select" href="#">RIVIERA</a></li>
      <li><a href="#">quality</a></li>
      <li><a href="#">hi-tech</a></li>
      <li><a href="#">DISCOVER</a></li>
      <li><a href="#">products</a></li>
      <li><a href="#" class="last">Contact</a></li>
   </ul>
</nav>

.nav-collapse-ul{
保证金：0；
填充：0；
宽度：100%；
最大宽度：1000px；
显示：块；
列表样式：无；
}
.导航崩溃李{
宽度：100%；
显示：块；
}
.导航崩溃{
最大高度：9999px！重要；
}
.导航崩溃{
填充顶部：20px；
}
.导航崩溃，
.导航崩溃*{
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
.导航崩溃，
.导航崩溃{
列表样式：无；
宽度：100%；
保证金：0自动；
}
.导航崩溃李{
浮动：左；
宽度：100%；
}
.没有{
填充：0.1em！重要；
}
.导航崩溃a{
颜色：#333；
文字装饰：无；
宽度：100%；
填充：1em；
背景：#fff；
边框底部：1px实心#e38d69；
浮动：左；
字体大小：15px；
字体系列：“开放式Sans”，无衬线；
字母间距：2px；
文本转换：大写；
字号：700；
}
.导航系统{
背景：#ca3716；
左：2米；
}
.导航崩溃ul li a：悬停{
背景：绿色；
左：2米；
}

您的HTML不包含子菜单，因此不清楚您在问什么。显示代码的最佳做法是jsfiddle.netSorry我是新的！！像这样的？！是的，您可以在这里编写代码来表示问题。人们很容易理解这种方式对不起，你是对的！我想添加一个基本子菜单：

子菜单

只需更新我的答案。您现在可以查看

.nav-collapse ul {
     margin: 0;
     padding: 0;
     width: 100%;
     max-width:1000px;
     display: block;
     list-style: none;
 }
 .nav-collapse li {
     width: 100%;
     display: block;
 }
 .nav-collapse.opened {
     max-height: 9999px !important;
 }
 .nav-collapse {
     padding-top:20px;
 }
 .nav-collapse, .nav-collapse * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 .nav-collapse, .nav-collapse ul {
     list-style: none;
     width: 100%;
     margin:0 auto;
 }
 .nav-collapse li {
     float: left;
     width: 100%;
 }
 .nope a {
     padding:0.1em !important;
 }
 .nav-collapse a {
     color: #333;
     text-decoration: none;
     width: 100%;
     padding:1em;
     background: #fff;
     border-bottom: 1px solid #e38d69;
     float: left;
     font-size:15px;
     font-family:'Open Sans', sans-serif;
     letter-spacing:2px;
     text-transform:uppercase;
     font-weight: 700;
 }
 .nav-collapse ul ul a {
     background: #ca3716;
     padding-left: 2em;
 }