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

Question

说我有这个：

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

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

我是否必须在每个锚标记上提供样式，或者我可以在 CSS 中以某种方式做到这一点？我已经尝试过类似的东西#mytopbar a {...}，#mytopbar a:hover {...}但它并没有像我希望的那样工作。

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

2 回答 2