Javascript 将下拉菜单（子菜单）添加到现有菜单

我想在现有菜单栏中添加一个下拉选项（子菜单）

这是我的CSS和HTML代码

我发现了很多下拉菜单。 但对我来说非常重要的是，我只想在现有菜单中添加新功能，而不需要对整个菜单进行太多更改

/*为顶部导航添加黑色背景色*/
托普纳夫先生{
背景色：#333；
溢出：隐藏；
}
/*设置导航栏内链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：右对齐；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
/*更改悬停时链接的颜色*/
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
/*向活动/当前链接添加颜色*/
.topnav a.active{
背景色：#4CAF50；
颜色：白色；
}

---

我只是试图通过修改您自己的代码来满足您的要求

样式/CSS更正留给您

试试看

屏幕截图

代码

.topnav{
背景色：#333；
高度：50px；
}
李托普纳夫先生{
浮动：左；
显示：块；
文本对齐：右对齐；
填充：14px 16px；
字号：17px；
背景：透明；
宽度：150px；
}
李丽娜先生{
填充：14px 16px；
颜色：#F2F2；
文字装饰：无；
}
托普纳夫·李a：悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav li.active{
背景色：#4CAF50；
颜色：白色；
}
.subnav{
背景颜色：蓝色；
溢出：隐藏；
显示：无；
宽度：200px；
边缘顶部：15px；
填充：0px；
}
李素娜先生{
浮动：左；
显示：块；
文本对齐：右对齐；
填充：14px 16px；
字号：17px；
}
李亚娜先生{
颜色：#F2F2；
文字装饰：无；
}
.李亚娜：悬停{
背景色：#ddd；
颜色：黑色；
}
.subnav li.active{
背景色：#4CAF50；
颜色：白色；
}
.topnav li:悬停.subnav{
显示：块；
}

您尝试过哪些方法，哪些方法无效？如果它“对您非常重要”，那么您肯定在某个地方做了一些努力？请提供更多信息，说明您的具体要求。@Sarijacobsuny，我只想在菜单中的某些元素中添加下拉菜单。