我试图隐藏这些菜单元素，但我似乎不能只选择名为“联系人”的中间选项。我无法直接编辑 html，所以我使用 CSS 来覆盖样式。
本质上，我只是想隐藏名为“联系人”的元素。如何使用 CSS 选择它？我已经把我认为可能有用的东西放在了这个部分，但它并没有真正起作用。任何帮助将不胜感激。提前致谢。 (这里也是:https://jsfiddle.net/amhzv0Lw/4/)
这是菜单代码:
<!DOCTYPE html>
<html>
<head>
<style>
.nav a[title:contact] {
display: none;
}
</style>
</head>
<body>
<ul class="nav navbar-nav navbar-left">
<li><a href="/www.example.com/" title="Home">Home</a></li>
<li><a href="/www.example.com/storepage.aspx" title="Contact">Contact</a></li>
<li><a href="https://www.example.com/login" title="Login">Login</a></li>
</ul>
</body>
</html>
最佳答案
您只需将 : 替换为 =，因为这就是 css 选择器的工作方式(引用 here)
你的代码应该是这样的
<style>
.nav a[title=Contact] {
display: none;
}
</style>
关于html - 如何仅使用 CSS 隐藏菜单元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43111080/