首页 > 解决方案 > 如何在没有任何样式问题的情况下链接到另一个页面中的位置?

问题描述

我的主页上有一个“认识我们的团队”部分,我希望能够单击菜单按钮“认识我们的团队”并被引导到那里,即使我从另一个页面单击它也是如此。

我的问题是,如果我使用 #meet_our_team 作为 URL,则该链接在其他页面上不起作用。但是,如果我使用相对或绝对路径加上“#meet_our_team”(例如 home/#meet_our_team),该功能可以工作,但在主页上时它的样式类似于“主页”按钮(即按钮看起来被按下)。

这是因为 CSS 类 'current-menu-item' 应用于列表元素。

有没有办法让我拥有一个样式也正确的工作按钮?我想如果我可以抑制 aria-current,它会起作用,但我不知道这是否可能。

标签: csswordpresselementor

解决方案


这是一个足够简单的修复。只需将以下内容添加到附加 CSS。在我第一次尝试时,我没有指定“a”,所以它没有用

    #menu-item-1745 a {
    color: #5a5a5a;
}

推荐阅读