问如何实现不同类的CSS多级下拉菜单？

EN

TL;DR；版本：this fiddle显示了答案。

我明白你说的了。我非常确定，你需要回答的样式，除了底部的那一个，对所有人都有效，纯粹是偶然出现的。(我必须说，这是一个很好的选择)。我几乎可以肯定这一点，因为您的代码和文件名都缺乏任何形式的一致性。有重复的代码，有多余的代码，还有缺失的图像。

因此，我重写了您的标记和样式表，并如上所述地解决了这个问题。

现在，它是如何工作的呢？

诀窍是将背景图像附加到列表项中的元素。在本例中，我选择了锚元素，因为这是最有可能的。第一步是在悬停锚点时改变背景图像，这是基本的。

第二步是将鼠标悬停在子菜单上时再次更改背景。在这一点上，锚元素不再悬停，但是列表项被悬停。因此，您仍然可以更改锚点元素的背景。

注意:在我的解决方案中，与您所希望的有一点不同:当您悬停箭头时，如果列表项已经更改而不是直到光标悬停在子菜单上，则会显示背景。如果你想防止这种情况，那么你必须为每个子菜单添加额外的元素，就像你自己做的那样。但我觉得这也很不错。