css - 如何在没有任何样式问题的情况下链接到另一个页面中的位置?
问题描述
我的主页上有一个“认识我们的团队”部分,我希望能够单击菜单按钮“认识我们的团队”并被引导到那里,即使我从另一个页面单击它也是如此。
我的问题是,如果我使用 #meet_our_team 作为 URL,则该链接在其他页面上不起作用。但是,如果我使用相对或绝对路径加上“#meet_our_team”(例如 home/#meet_our_team),该功能可以工作,但在主页上时它的样式类似于“主页”按钮(即按钮看起来被按下)。
这是因为 CSS 类 'current-menu-item' 应用于列表元素。
有没有办法让我拥有一个样式也正确的工作按钮?我想如果我可以抑制 aria-current,它会起作用,但我不知道这是否可能。
解决方案
这是一个足够简单的修复。只需将以下内容添加到附加 CSS。在我第一次尝试时,我没有指定“a”,所以它没有用
#menu-item-1745 a {
color: #5a5a5a;
}
推荐阅读
- ios - 如何在 iOS 中使用 React Native 保存下载的文件并在文件应用程序中查看?
- lotus-domino - 与 NAMELookup2 一起挂起的 Domino 邮箱工具
- javascript - 如何在单击 javascript 中的按钮时使用通用数据填充表单?
- elasticsearch - 如何使用 NEST 搜索到默认索引?
- flutter - 如何将文本与底部对齐
- google-cloud-dataflow - 运行数据流时出现问题
- c# - C# 如何使用 Caliburn.Micro 将 WPF 滚动条值绑定到 ViewModel
- asp.net - 如何从项目/解决方案中完全删除包?
- ruby - 如何在 Chef 14 中执行 dpkg-query?
- .net - .net MS Excel 互操作插件