html - 仅删除 div 部分中的一个链接，但不删除同一 div 中的导航菜单

Question

我有一个 CSS 问题。链接位于“主分区”中，我希望将其删除。但下面是一个链接部分，所以我不能做“#main a {display: none}”。

说“跳过导航”的是我要删除的内容。而且，我无法从 HTML 中删除任何内容(uni 分配)

    <div id="menu">
        <a href="#maincontent">Skip navigation</a>
        <ul>
            <li><a href="#">home</a></li>
            <li><a href="#">project</a></li>
            <li><a href="#">information</a></li>
            <li><a href="#">contakt</a></li>
            <li><a href="#">find usa></li>
        </ul>

我尝试了各种 CSS:

menu #maincontent a {display:none;}
menu a {display: none;}

和其他 10 个，但无济于事。

非常感谢任何帮助

Answer 1

使用直接子选择器:

#menu > a{display:none;} /*hides skip navigation only*/

---

这是错误的:

menu #maincontent a {display:none;}
menu a {display: none;}

我会这样做:

#menu a#maincontent {display:none;}
#menu > a {display: none;}

---

但由于 id 是唯一的，您可以直接为其应用 css:

#maincontent{display:none;}