个人中心
gpt4 book ai didi

html - 如何仅使用 CSS 隐藏菜单元素

转载 作者：搜寻专家 更新时间：2023-10-31 22:55:35 25 4
gpt4 key购买 nike

我试图隐藏这些菜单元素，但我似乎不能只选择名为“联系人”的中间选项。我无法直接编辑 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/

25 4 0
文章推荐： php - 在文本 block 中查找并替换多个不同的关键字
文章推荐： javascript - 在 Express.js 中，如何让我的模板显示即显消息？
文章推荐： swift - [String : AnyObject] and [String: Any]? 之间有什么区别
文章推荐： 使用操作按钮快速打开 Twitter 配置文件