Javascript 将此多级引导4下拉式克隆复制到mimc btn黑暗样式时遇到问题

我似乎不知道如何让这个多级引导4克隆下拉菜单模仿引导4 btn黑暗的外观。链接和下拉颜色都已关闭，悬停颜色也已关闭，我不确定应该调整哪些元素以匹配外观。任何帮助都很好：）

/*启动多级引导样式下拉菜单*/
.下拉子菜单{
位置：相对位置；
}
.下拉子菜单>.下拉菜单{
排名：0；
左：100%；
利润上限：-6px；
左边距：-1px；
-webkit边界半径：0 6px 6px 6px；
-moz边界半径：0 6px 6px；
边界半径：0 6px 6px 6px；
}
.下拉子菜单：悬停>.下拉菜单{
显示：块；
}
.下拉子菜单>a:之后{
显示：块；
内容：“；
浮动：对；
宽度：0；
身高：0；
边框颜色：透明；
边框样式：实心；
边框宽度：5px 0 5px 5px；
左边框颜色：#ccc；
边缘顶部：5px；
右边距：-10px；
}
.下拉子菜单：悬停>li{
背景色：浅绿色；
}
.下拉子菜单：悬停>a:之后{
左边框颜色：#fff；
}
.下拉式子菜单.向左拉{
浮动：无；
}
.下拉子菜单.向左拉>.下拉菜单{
左-100%；
左边距：10px；
-webkit边界半径：6px 0 6px 6px；
-moz边界半径：6px 0 6px 6px；
边界半径：6px 0 6px 6px；
}

下拉列表

编辑修复

使用“ul.dropdown menu.multi-level.show”创建CSS声明以更改背景中的颜色。将其添加到代码段中，以将其更改为#343a40.：）

只是一个提示供将来参考，使用chrome你可以点击F12并打开inspector。检查要更改的元素，并查看其声明是什么

然后使用“ul.dropdown menu”创建一个声明来处理较低的分支

ul.dropdown-menu.multi-level.show a:link{
color:white;
}
li.dropdown-item:focus, li.dropdown-item:hover {
background-color:#1d2124;
}
a.dropdown-item:hover {
background-color:#1d2124;
}
ul.dropdown-menu.multi-level.show {
background-color:#343a40;
}    
ul.dropdown-menu {
background-color:#343a40;
}

/*启动多级引导样式下拉菜单*/
.下拉子菜单{
位置：相对位置；
}
ul.dropdown-menu.multi-level.show a:链接{
颜色：白色；
}
li.下拉项：聚焦，li.下拉项：悬停{
背景色：#1d2124；
}
a、 下拉项：悬停{
背景色：#1d2124；
}
ul.dropdown-menu.multi-level.show{
背景色：#343a40；
}    
下拉菜单{
背景色：#343a40；
}
.下拉子菜单>.下拉菜单{
排名：0；
左：100%；
利润上限：-6px；
左边距：-1px；
-webkit边界半径：0 6px 6px 6px；
-moz边界半径：0 6px 6px；
边界半径：0 6px 6px 6px；
}
.下拉子菜单：悬停>.下拉菜单{
显示：块；
}
.下拉子菜单>a:之后{
显示：块；
内容：“；
浮动：对；
宽度：0；
身高：0；
边框颜色：透明；
边框样式：实心；
边框宽度：5px 0 5px 5px；
左边框颜色：#ccc；
边缘顶部：5px；
右边距：-10px；
}
.下拉子菜单：悬停>li{
背景色：浅绿色；
}
.下拉子菜单：悬停>a:之后{
左边框颜色：#fff；
}
.下拉式子菜单.向左拉{
浮动：无；
}
.下拉子菜单.向左拉>.下拉菜单{
左-100%；
左边距：10px；
-webkit边界半径：6px 0 6px 6px；
-moz边界半径：6px 0 6px 6px；
边界半径：6px 0 6px 6px；
}

下拉列表

嘿，非常感谢！还有提示，我没有意识到这一点。