我有一个 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 个,但无济于事。
非常感谢任何帮助
最佳答案
使用直接子选择器:
#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;}
关于html - 仅删除 div 部分中的一个链接,但不删除同一 div 中的导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26022554/