如何为特定容器中的锚定义CSS锚文本装饰

假设我有这个：

#mytopbar {
  background: #ffffff;
  color: #000000;
  line-height: 30px;
  padding-left: 15px;
}

然而，我对一般的悬停/访问锚文本装饰不满意。如何覆盖文本装饰，以便为特定ID的链接加下划线？（非课堂）

---

我是否必须在每个锚标记上提供样式，或者我是否可以在CSS中这样做？我尝试过像

#mytopbar a{…}

和

#mytopbar a:hover{…}

之类的东西，但它没有像我希望的那样工作。

CSS听起来好像被覆盖了试试这个

 #mytopbar a:hover { text-decoration : underline !important;} 

---

CSS听起来好像被覆盖了，试试这个

 #mytopbar a:hover { text-decoration : underline !important;} 

默认情况下，链接将不会有下划线（常规链接和悬停链接）。只有#mytopbar中的链接在悬停时才会加下划线

---

默认情况下，链接将不会有下划线（常规链接和悬停链接）。只有#mytopbar内的链接在悬停时才会加下划线

为什么

#mytopbar a

（…等）不能“如您所愿”工作？它做了什么？什么都没有..？演示或JSFIDLE非常受欢迎！放一些html或小提琴手，这样人们就可以看到你想要的东西。@David它根本没有任何效果，例如在锚线下划线。（但我现在接受了一个答案，并对其余的答案和评论进行了投票，以感谢您的帮助！）为什么

#mytopbar a

（…等）没有“如您所愿”工作？它做了什么？什么都没有..？演示或JSFIDLE非常受欢迎！放一些html或小提琴手，这样人们就可以看到你想要的东西。@David它根本没有任何效果，例如在锚线下划线。（但我现在接受了一个答案，并对其余的答案和评论进行了投票，以感谢您的帮助！）这种风格的id类而不是anchorI最终以不同的方式解决了问题，但我同意问题的原因。（我为一个包含大量CSS的网站编辑了一个主题。）这种风格的id类而不是anchorI最终以不同的方式解决了问题，但我同意问题的原因。（我正在为一个包含大量CSS的网站编辑一个主题。）