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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了伪类(:active)不适用于我的Wp主题菜单相关的知识,希望对你有一定的参考价值。

我买了一个主题(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*/
}

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

enter image description here

以上是关于伪类(:active)不适用于我的Wp主题菜单的主要内容,如果未能解决你的问题,请参考以下文章

没有样式表在wordpress中正在工作

Tax_Query 不适用于 WP_Query

wordpress 插件适用于本地主机,但不适用于远程服务器

用于触摸的 CSS 伪类

:active css 选择器不适用于 IE8 和 IE9

focus-within 适用于 Android 浏览器,但不适用于 iOS