css - 当我将鼠标悬停在LI BUT上时，是否可以更改整个UL的样式

我正在WordPress中写一个网站，在那里我为第二十三个主题创建了一个儿童主题。

我现在正试图设置标题导航菜单的样式。

我想这样做，以便当您将鼠标悬停在菜单上时，菜单中每个项目的文本会变为不同的颜色，即文本在其正常状态下都是灰色的，但是当您将鼠标悬停在菜单项1上时，该链接的文本变为橙色，当您将鼠标悬停在菜单项2上时，该链接的文本将变为绿色等

我已经达到了这个目的，使用了针对菜单中每个项目的css语句：

li.menu-item-29:hover > a, .menu-item-29 a:focus { color: #00AEA1; }

但是，我也有一个整体附加的样式：

ul.nav-menu, div.nav-menu > ul { border-bottom: 3px solid #D86637; }

这显示为整个菜单下方的一行。我想这样做，当你将鼠标悬停在菜单项1上时，不仅该项目的文本会变为橙色，而且这个下划线也会影响整个ul更改为橙色，当您将鼠标悬停在菜单项上时2不仅该项目的文本变为绿色，而且影响整个ul的下划线也变为绿色等等

因此，总而言之，我在询问是否有可能，当悬停在ul中的每个单独的li上时，更改整个ul的border-bottom属性，但是要使该更改特定于li已悬停在哪个li上

非常感谢。