html - css-div内にネストされたhrefリンクを非表示にする方法は？

Question

内部にアンカータグが付いたdivがあります。「a」タグのみの表示をなしに設定したい。どうすればいいですか？のように見えます-

<div id="upper">
    <a href="http://myLink">Hide Me!</a>
    <p>Not to hide this text </p>
</div>

やってみた-

#upper a {display:none;}

ただし、これは何らかの理由で機能しません。私は何が間違っているのですか？

Answer 1

誰かが提案した場合#upper a {display:none !important;}、これはすぐに解決するよりも将来的に多くの問題をもたらすので、しないでください。

#upper a {display:none;}どこかでそれをオーバーライドするより具体的なルールがない限り、これは機能します。これは、firebugやChromeインスペクターなどで検査できます。