我只是将WP主题更改为Twenty Twenty。我的网站顶部有一个主菜单, 此菜单atm中只有2个链接。如果我在菜单中的某一页面上, 则该链接会突出显示。我想删除该功能。
网站链接:http://eclairblock.com
最初, 我尝试添加以下其他CSS:
> .primary-menu-wrapper .primary-menu .current-menu-item {text-decoration: none;}
但是它什么也没有改变, 如果不是文本装饰:无
我添加例如display:none, 然后菜单中的当前页面链接消失。
我还尝试添加!important, 但由于菜单中当前页面仍带有下划线, 因此无法正常工作。
最后, 我尝试通过从此部分删除.primary-menu .current_page_ancestor来更改style-rtf.css文件:
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
text-decoration: underline;
}
我还能尝试什么?
谢谢你们(对成为CSS的新手感到抱歉)
#1
你的规则已被更具体的现有规则覆盖。请试试:
.primary-menu li.current-menu-item > a {
text-decoration: none;
}
这是有关CSS特异性的指南:https://www.w3schools.com/css/css_specificity.asp
评论前必须登录!
注册