无法在多级下拉菜单中定位ul

Question

我正在创建HTML多级下拉菜单。我可以在悬停时更改第一级下拉项的颜色，并在下面插入第一条代码

下拉菜单中第二级的背景色，我可以使用第二个代码段更改

但是将两者都连接对我不起作用。剪切的最后一个代码不起作用。我在做什么错？

.dropdown-content > ul > li > a:hover {
    background: blue !important;
}

.dropdown-content > ul > li > ul {
    background: white;
}

.dropdown-content > ul > li > a:hover .dropdown-content > ul > li > ul {
    background: red !important;
}

Answer 1

为了确定，需要查看您的html代码，但是请尝试以下操作：

.dropdown-content > ul > li > ul > li > a:hover {
    background: red !important;
}