CSS3-下拉菜单悬停

我已经创建了一个下拉菜单，现在我想将主菜单点悬停，但主菜单下的列表（“下拉菜单”）没有。我可以给我的

ul

和

li

一个类来解决这个问题，但是有更平滑或更干净的方法吗

我感谢你的每一个评论

编辑-CSS代码：

#mainnav li ul:not:hover {
    none !important;
}

#mainnav ul li a:hover {
    background-color: #ff4040;
}

因此，悬停当然可以工作，但它包括所有

ul

和

li

您应该使用

因此，您将

ul

设置为默认隐藏（第一条规则），当您将鼠标悬停在

li

上时，只有其

ul

子项（而不是更深）将显示。

您应该使用

---

因此，您将

ul

设置为默认隐藏（第一条规则），当您将鼠标悬停在

li

上时，只有其

ul

子项（而不是更深）将显示。

显示您的html和您使用的相关css。最好是你能创建一个工作演示，这样我们就可以看到它的行动。作为一个通用规则，虽然在这些情况下使用方便。谢谢你的评论。我会寻找“子选择器”，在看到你的代码后，我也发布了一个答案。向我们展示你的html和你使用过的相关css。最好是你能创建一个工作演示，这样我们就可以看到它的行动。作为一个通用规则，虽然在这些情况下使用方便。谢谢你的评论。我将寻找“子选择器”，在看到您的代码后，我也发布了一个答案。

#mainnav li ul{
    display:none;
}
#mainnav li:hover > ul{
    display:block;
}
#mainnav ul li a:hover {
    background-color: #ff4040;
}