如何在没有任何样式问题的情况下链接到另一个页面中的位置？

Question

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

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

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

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

Answer 1

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

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