如何使用html和css进行第二层下拉列表

我正在为我的团队网站制作此下拉菜单，当您将鼠标悬停在第一个下拉菜单中的链接上时，我希望在其旁边显示一个下拉菜单：

首先，您实际上需要在每个ul或li上添加适当的类以将它们组合在一起。 因此，您需要删除位置：绝对，因为它会更改您特定导航的位置

nav ul li ul li ul {
  display: none;
  position: absolute; /* remove this line*/
  right: 170px;
  top: 0px;
}

第二，您需要明确说明悬停时需要使用display:block的元素。由于您在加密货币中使用ID：“Crypto”：

#Crypto:hover ul {
  display: block;
}

并移除

nav ul li:hover ul {
  display: block;
}
nav ul li ul li:hover ul {
  display: block;
}

因为此CSS选择器将使用类似的CSS选择器显示隐藏块

#加密：悬停{
显示：块；
}
李国荣{
宽度：150px；
}
nav ul li ul li ul{
显示：无；
/*位置：绝对位置*/
右：170px；
顶部：0px；
}