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