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

Question

说我有这个：

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

然而，我对一般的悬停/访问锚文本装饰感到不满。如何覆盖文本修饰，以便为特定ID标记下划线？ （不是上课）

我是否必须在每个锚标签上提供样式，或者我可以在CSS中以某种方式执行它？我尝试了#mytopbar a {...}和#mytopbar a:hover {...}之类的内容，但它并不像我希望的那样有效。

Answer 1

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

默认情况下，链接不会有下划线（常规和那些悬停在上面）。只有＃mytopbar中的链接会在悬停时加下划线

Answer 2

CSS声音被覆盖试试这个。

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