隐藏与css的链接

Question

我想使用CSS隐藏此菜单栏中的一个或多个链接。 我已经尝试了几百种组合但却无法使其正常工作。 例如，尝试隐藏MYPAGE链接

<div id="siteNav">
<ul>
<div id="pnlProjectAdmin">  
<li><div id="distribute"></div></li>
<li><div id="generate"><div id="generatePanel">
</div></div></li>
<li><div></div></li>
</div>
<div id="pnlTopLinks">
<li class="projectShortcuts"></li>
<li class="home"><a id="ctl00_lnkHome" href="javascript:__doPostBack(&#39;ctl00$lnkHome&#39;,&#39;&#39;)"><span><span id="lblHome">Hem</span></span></a></li>
<li class="mypage"><a id="ctl00_lnkMyPage" href="javascript:__doPostBack(&#39;ctl00$lnkMyPage&#39;,&#39;&#39;)"><span><span id="lblMyPage">Min sida</span></span></a></li>
<li class="manual"></li>
<li class="logout"><a id="ctl00_lnkLogout" href="javascript:__doPostBack(&#39;ctl00$lnkLogout&#39;,&#39;&#39;)"><span><span id="lblLogout">Logga ut</span></span></a></li>                  
</div>
</ul>

Answer 1

#pnlTopLinks .mypage { display: none; }

Answer 2

如果您需要隐藏.mypage元素中包含的链接，请定义

.mypage a { display: none }

或尝试定义特殊性尽可能低的规则，您也可以写

[id="ctl00_lnkMyPage"] { display: none }

相当于

#ctl00_lnkMyPage { display: none }

---

但是如果你需要隐藏整个列表项而不是定义

.mypage { display: none }

Answer 3

您可以在css ....中使用display：none。

.mypage
{
 display:none;
}