Css 悬停时删除下划线

我已经尽我所能删除了在我的Shopify上悬停在产品标题上时出现的下划线。关于如何在出现产品标题的任何位置删除此下划线，有任何css建议吗

---

谢谢你

是的。我以前遇到过这个问题。只需使用以下代码段：

.site-nav\u链接：悬停span.site-nav\u标签{边框底部：无；}

---

从我的代码片段。只需将其替换为您的div

您能提供代码或问题链接吗？嘿@MinalChauhan！现在，Shopify的theme.scs中文本链接的代码是：。文本链接{display:inline；border:0 none；background:none；padding:0；margin:0；}。文本链接--重音{color:var（--color btn primary）；边框底部：1px实心currentColor；填充底部：1px；}。文本链接--重音：非（[禁用]）：悬停，.text链接--重音：焦点{color:var（--color btn primary focus）；}hm因为某种原因似乎不起作用，我之前尝试过类似的方法，但它仍然无法移动。我只是用代码片段替换了div，但当您悬停时，它似乎没有改变下划线。当您将鼠标悬停在产品标题上时，是否可以为特定类型的链接（又名）使用此功能？是的。您只需为产品标题的相应div的超链接添加一个函数。尽管如此，如果它还不起作用，只需在codepen上上传代码并共享链接。复制并粘贴整个theme.css文件就足够了吗？

**Try these two**

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}