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

小编典典

css

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

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

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

能做到吗？

阅读 380

2020-05-16

共1个答案

小编典典

visibility可以在子元素上覆盖该属性，因此您可以执行以下操作：

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

CSS：

#closelink {
    visibility:collapse;
}

#closelink a{
    visibility:visible;
}

2020-05-16