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

Question

我有一个 div，里面有一个 anchor 标记。我想将“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 检查器等检查。