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

Question

我在CSS上遇到了一些麻烦，似乎找不到解决方案。我有这个HTML<div id="closelink">  <a href="">Close</a>  Click to close</div>现在，我只想隐藏文本“单击关闭”，而不隐藏div或其中的链接。能做到吗？

Answer 1

.closelink {

  font-size: 0px;

}

.close-link a {

  font-size: 12px;

}

Answer 2

尝试

<div id="closelink">

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

   Click to close

</div>

#closelink {

    position: relative;

    left: -9999px;

}

#closelink a {

    position: relative;

    left: 9999px;

}