Html 悬停下拉列表中已存在的元素时触发的下拉列表

我对Web开发有点陌生，所以我正在努力解决一个相当基本的问题（我想）。我有一个引导导航栏，包含多个下拉按钮（悬停时下拉激活）。在其中一个下拉列表中的一个按钮上，我需要另一个在“Perioadele”上悬停时激活的下拉列表。我被困在这里是因为我对html语言不太熟悉

.dropbtn{
背景色：#337ab7；
颜色：黑色；
填充：16px；
字体大小：16px；
边界：无；
利润上限：3倍；
左边距：20px；
边界半径：5px；
字体家族：苦；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
不透明度：0；
指针事件：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
边界半径：5px；
-webkit过渡：所有0.3秒轻松；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
高度：150像素；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉列表内容a：悬停{
背景色：#ddd；
边界半径：5px；
}
.下拉：悬停.下拉内容{
不透明度：1；
高度：240px；
指针事件：全部；
}
.dropdown:悬停.dropbtn{
背景颜色：浅黄色；
}

罗雷格
芳杜里欧派

我已经做了一些满足您要求的东西

当您将鼠标悬停在

芳杜里欧派

非常感谢。它工作得很好。唯一的问题是，只要我尝试接触其中一个“A”“V”“C”链接，下拉列表就会消失。我无法点击新下拉列表中的任何链接。已更新。祝你愉快，非常感谢！祝您有个美好的一天。