隐藏元素中的文本节点，但不隐藏子节点

Question

我在CSS上遇到了一些麻烦，似乎找不到解决方案。我有这个HTML

<div id="closelink">

  <a href="">Close</a>

  Click to close

</div>

现在，我只想隐藏文本“单击关闭”，而不隐藏div或其中的链接。

能做到吗？

Answer 1

.closelink {&nbsp; font-size: 0px;}.close-link a {&nbsp; font-size: 12px;}

Answer 2

尝试<div id="closelink">&nbsp; &nbsp;<a href="">Close</a>&nbsp; &nbsp;Click to close</div>#closelink {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; left: -9999px;}#closelink a {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; left: 9999px;}