伪类（：active）不适用于我的Wp主题菜单

Posted 2021-05-01

我买了一个主题（HelpGuru），我对菜单的CSS有问题。我联系支持但他们无法帮助我。他们只是指导我到一家个性化wordpress主题的公司。这是以下链接：https://demo.herothemes.com/helpguru/

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

CSS可以做到这一点吗？

非常感谢你的帮助。最好的祝福。捷思锐

screenshot

答案

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

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

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

要么

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

另一答案

Wordpress将一些特定的类添加到活动链接，在您的网站中它是.current-menu-item。所以你可以使用这个类简单地定位链接：

.current-menu-item a {
  /* Your styles*/
}

如果需要，考虑添加更多特异性