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

我有一个里面有锚标签的div。我只想将“a”标记的显示设置为无。我该怎么做呢？看起来像-

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

---

然而，由于某些原因，这不起作用。我做错了什么？

如果有人建议，不要

#super a{display:none！important；}

，因为这会在将来引入更多问题，而不是立即解决

---

#上一个{display:none；}

将起作用，除非有更具体的规则覆盖它，这可以用firebug或Chrome inspector等进行检查。

有效：那么你肯定是做错了什么。向我们展示您的更多代码。您是否在其他元素中重复使用

#upper

？页面上是否有正在更改链接默认样式的脚本？或者css规则是在正确关闭之前直接关闭的？在firebug或chrome控制台中检查。根据其他人的评论，您的代码没有问题。您还可以通过#upper a:first child{display:none}提供更高的特异性​试着给你的

一个id，并在CSS中使用

#upper#upper#u a_id{}

。或者查找任何

！重要的

，这可能会覆盖您的规则。

#upper a {display:none;}