Css 当鼠标悬停在子菜单上时，顶部菜单处于活动状态

我偶然发现了这个网站，我想知道当鼠标悬停在它的子菜单上时，如何使顶部菜单处于活动状态。在这种情况下，似乎没有js脚本来添加活动类。那怎么办呢？谢谢

事实上，当您将鼠标悬停在子菜单上时，顶部菜单不是活动的。子菜单元素之前有一个同级跨度，由于将鼠标悬停到子菜单，您也将鼠标悬停在容器li元素上

top li有两个要素： 跨距具有顶部菜单标题 子菜单

使用如下CSS选择器：

li:hover span {/*span is active!*/ }

---

优雅的解决方案，因此基本上，如果您将鼠标悬停在topMenu中的任何li元素上，span可以添加任何css规则。我理解对了吗？我试图在子菜单中添加更多元素，但它不起作用。将此行更改为：.topMenu xxx:悬停span{background color:#cececece；}到：.topMenu li:悬停span{background color:#cececece；}