伪类 (:active) 不适用于我的 Wp 主题的菜单答案

【问题标题】：The pseudo-class (:active) does not work for the menu of my Wp theme伪类 (:active) 不适用于我的 Wp 主题的菜单
【发布时间】：2018-05-30 08:40:19
【问题描述】：

我买了一个主题 (HelpGuru) 并且我对 menu 的 css 有问题。我联系了支持人员，但他们无法帮助我。他们只是将我引向了一家个性化 wordpress 主题的公司。这是链接：https://demo.herothemes.com/helpguru/

我希望菜单指示与显示页面对应的选项卡。 例如： 当我在“主页”上时，显示带下划线菜单的链接“主页”或其他颜色。通常我们使用伪类:active。但它不起作用。我在互联网上查看，我看到Php有可能做到这一点。

是否可以通过 CSS 做到这一点以及如何做到这一点？

非常感谢您的帮助。最好的祝福。劫

screenshot

【问题讨论】：

您能与我们分享您的网址吗？如果没有看到该菜单的实际效果，就不可能说些什么
:active pseudo-class 需要最终用户激活，某种交互，它不是自动分配。请参阅：developer.mozilla.org/en-US/docs/Web/CSS/:active。另一方面，Wordpress 会自动为当前查看页面的菜单项分配特定的类。
我在本地虚拟机上工作。菜单与演示版相同。请参阅随附的屏幕截图。

标签： css wordpress menu pseudo-class

【解决方案1】：

所以我查看了网站，在菜单中，活动页面的链接有current-menu-item类，因此你可以使用这个类和样式。

以下是添加下划线效果的两种方法。

.current-menu-item{
    text-decoration:underline;
}

或

.current-menu-item{
    border-bottom:1px solid #ffffff;
}

【讨论】：

太棒了！有用。非常感谢 Naren Murali 周末愉快