要素内のテキストノードを隠し、子要素は隠さない

質問

CSSで少し困っているのですが、解決策が見つからないようです。私はこのHTMLを持っています

<div id="closelink">
  <a href="">Close</a>
  Click to close
</div>

今度は、divもその中のリンクも隠さずに、"Click to close "というテキストだけを隠したい。

これは可能でしょうか？

どのように解決するのですか？

この visibility 属性は子要素でオーバーライドできるので

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

<div id="closelink">
  <a href="">Close</a> Click to close
</div>