gpt4 book ai didi

html - 从超链接 div 中的链接中删除下划线

转载 作者:搜寻专家 更新时间:2023-10-31 22:33:38 25 4
gpt4 key购买 nike

我正在使用下面的 html

<a href=""><div class="logo"><span class="whologo">hyperlinked text </span>
</div></a>

我遇到的问题是,从跨度文本中删除下划线的唯一方法是使用 a:link{text-decoration:none;} 但这会从整个链接中删除所有链接的下划线页

我试过了

a.logo:link{text-decoration:none;}

但它不会从 span 元素中删除超链接。

最佳答案

你的层次结构错误,元素选择不当。在您的情况下,最准确的 CSS 是:

a div.logo span.whologo {text-decoration:none;}


但我建议采用这种方法:

<div class="logo"><a href=""><span class="whologo">hyperlinked text </span></a>

和 CSS:

div.logo a {text-decoration:none;}

或者在需要时包括 span(但前提是 span 元素有下划线,就像 Hans 在评论中指出的那样):

div.logo a span.whologo {text-decoration:none;}

关于html - 从超链接 div 中的链接中删除下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9282391/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com