css - 特定のコンテナー内のアンカーの 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

これを試してみてください。

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