Html 请勿在'内的文本下面划线；分区'；由'包裹的元素；a'；要素

我有一个以下模板，当链接悬停时，我不想在

div

中的文本下面划线：

<a href="#">
   <div class="card">
      <h2>Title</h2>
   </div>
</a>

---

由于下划线出现在锚定标记上，因此您必须仅针对该标记：

a：悬停{
文字装饰：无；
}

---

你能分享更多你的css吗？也许你在重写东西？尝试也使用！重要提示：谢谢。它帮助了mealthough解决了遗留问题—您可能不想在锚定标签中使用div的内容—谢谢您的回复。但在本例中，

文本装饰：无应用于所有链接。是否可以仅将其应用于我的场景（当链接包含.card元素时）？
a:hover .card {
   text-decoration: none;
}