我正在用 WordPress 编写一个网站，我在其中为二十三主题创建了一个子主题。
我现在正在尝试设置标题导航菜单的样式。
我想做到这一点，当您将鼠标悬停在菜单项上时，菜单中每个元素的文本都会变为不同的颜色，即文本在正常状态下全是灰色，但是当您将鼠标悬停在菜单项 1 上时，该链接的文本变为橙色，当您将鼠标悬停在菜单项 2 上时，该链接的文本变为绿色等
我已经做到了这一点，使用针对菜单中每个单独元素的 css 语句:
li.menu-item-29:hover > a, .menu-item-29 a:focus {
颜色:#00AEA1；
}
但是，我也有一个样式附加到 ul 作为一个整体:
ul.nav-menu, div.nav-menu > ul {
border-bottom: 3px solid #D86637;
}
这显示为整个菜单下方的一行。我想做到这一点，当您将鼠标悬停在菜单项 1 上时，不仅该元素的文本会变为橙色，而且影响整个 ul 的下划线也会变为橙色，并且当您将鼠标悬停在菜单项上时2 不仅该元素的文本变为绿色，而且影响整个 ul 的下划线也变为绿色等
所以，总而言之，我想问的是，当将鼠标悬停在 ul 中的每个单独的 li 上时，是否有可能更改整个 ul 的 border-bottom 属性，但要使该更改特定于 li 悬停在其上.
非常感谢。
最佳答案
非常感谢您提供的帮助。
我现在有一个仅基于 css 的解决方案，不需要 javascript。正如“CBroe”所建议的那样，“after”选择器是关键 - 非常感谢。
这是在 Wordpress 论坛上提供给我的解决方案的链接:
关于css - 将鼠标悬停在 LI 上时，我可以更改整个 UL 的样式吗？但要针对每个 LI 进行特定更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21255583/