css - 如何隐藏嵌套在div中的href链接？

Question

我有一个带有锚标记的div。我想设置只显示＆＃34; a＆＃34;标记为无。我该怎么做呢？它看起来像 -

<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检查员等进行检查。