隐藏链接的文本

Question

我想在主页链接中使用fontawesome图标。

用这个css;

#menu-item-47 a::before {
 content: "\f017";
 font-family: fontawesome;
 font-size: 18px;
 color: #333;
}

所有优秀和花花公子，但当事情得到回应我想要链接文本＆＃34; home＆＃34;出现。如何在不隐藏图标的情况下隐藏链接文本？

我可以使用width: 15px; overflow: hidden，但这看起来并不优雅。

Answer 1

执行此操作的最佳方法是在元素上使用visibility: hidden;，在之前使用visibility: visible;。

div {
  visibility: hidden;
}

div:before {
  visibility: visible;
}

这个解决方案应该可以正常工作，如果你不关心你的div在隐藏后仍占用空间。