我正在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上
非常感谢。
答案 0 :(得分：0)
非常感谢您提供的帮助。
我现在有一个仅基于css的解决方案，无需使用javascript。正如'CBroe'建议的那样，'后'选择器是关键 - 非常感谢你。
以下是Wordpress论坛上提供给我的解决方案的链接：