Css 从：before元素删除焦点上的下划线

我无法从：before元素中删除下划线

从图中可以看出，我在焦点事件期间设置了链接的下划线，但我希望只对文本加下划线，而不是图标

这是图标的代码：

a:before  {
    content: "\f058";
    font-family: FontAwesome;
} 

这是聚焦效果的代码：

a:focus{    
    text-decoration:underline;  
}

我试过这样的东西，但没用

a:before:focus  {
   text-decoration:none;    
} 

---

在链接内部使用

span

，并在内部元素上应用

文本装饰：下划线


a{
文字装饰：无；
}
跨度{
文字装饰：下划线；
左侧填充：.5em；
}
a:以前{
内容：“\f058”；
字体系列：Fontsome；
}
在链接内部使用
span
并在内部元素上应用
文本装饰：下划线


a{
文字装饰：无；
}
跨度{
文字装饰：下划线；
左侧填充：.5em；
}
a:以前{
内容：“\f058”；
字体系列：Fontsome；
}
文本装饰应用于链接“a”时，也会导致图标上的下划线。相反，您可以在HTML代码中使用：Unarticulated Annotation（Underline）元素

HTML代码：

<a href="https..//.."><u>Lorem Ipsum</u></a>

文本装饰应用于链接“a”时，也会导致图标上的下划线。相反，您可以在HTML代码中使用：Unarticulated Annotation（Underline）元素

HTML代码：

<a href="https..//.."><u>Lorem Ipsum</u></a>

非常感谢。我想知道是否可以在不编辑HTML代码的情况下组合：before和：focus。无论如何，我会听从你的建议。你好，罗马。拿着我的啤酒等5分钟minutes@Matt，看我的第二段，谢谢。我想知道是否可以在不编辑HTML代码的情况下组合：before和：focus。无论如何，我会听从你的建议。你好，罗马。拿着我的啤酒等5分钟minutes@Matt，请看我的第二个代码段Display:inline块到beforedisplay:inline块到before