我只是将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;
}
【删除菜单中当前页面的下划线(Twenty Twenty主题)】这是有关CSS特异性的指南:https://www.w3schools.com/css/css_specificity.asp
推荐阅读
- 从错误页面的标签标题中删除”WordPress”
- 从WordPress的脚本标签中删除type属性
- WP删除社交菜单页脚
- Kubernetes之kuberconfig--普通用户授权kubernetes集群
- MySQL MyCAT 读写分离实战
- mysql int与int(10)的数值范围相同吗()
- java 从零开始手写 RPC (04) -序列化
- 马拉车算法,其实并不难!!!
- 网络层IP数据包和ARP协议转发原理