Question

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

的链接

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

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

非常感谢你的帮助。最好的祝福。 ZED

Answer 1

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

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

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

OR

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

Answer 2

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

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

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