链接图标::之前的图标应该没有下划线-显示:内联块是没有选择

Question

我的链接应该是这样的：

> My link text
____________

而"；我的链接文本"；应该加下划线，并且：：前部分中的内容不应该是。

我这样试过：

a {
text-decoration: underline;
}
a::before {
content: ">";
text-decoration: none;
}

但没有成功。它总是有下划线。我能做什么？

编辑：一个答案是，我应该简单地将display:inline块添加到：：before部分。但我遇到的问题是，链接在图标后的某些时候会断开。我确实需要避免这种情况。我找到的解决方案是删除display:inline块。所以，对于其中一个，我需要另一个解决方案。显示：内联块不是正确的

Answer 1

在伪元素(::before(上设置display: inline-block将允许它不继承text-decoration。

请参阅https://codepen.io/RonnyO/pen/vYGvNWp?editors=1100

其他地方已经详细解释过了。