我的页脚中有以下“链接框”:
这是HTML:
<div id="link-box" style="height: 80px; width: 335px;">
<a href="index.html">
<img src="Logo.png" style="height: 80px;">
<h1> - <spawn class="red">Zegmaar</spawn><spawn class="blue">Bas</spawn>.nl</h1>
</a>
</div>
我希望文本的第一部分“ -
”/“-
”不有下划线,比如这个:
我认为text-decoration-skip: spaces;
将是实现此目的的最简单方法,但是,几乎没有浏览器支持它(目前)。
我怎样才能得到想要的结果?
您的解决方案越简单优雅越好。我只想使用 CSS 和 HTML。
最佳答案
最干净的选择是为此链接使用自定义类
.headerLink {text-decoration:none;}
然后是下划线部分的另一个类:
.headerLinkAction {text-decoration: underline;}
您可能还想更新悬停类。
关于html - 从链接中部分删除下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54612985/