如何使用 CSS 隐藏 Div 中的文本节点，同时保持其他元素可见？

使用 CSS 隐藏元素文本节点

您有一个包含锚标记和文本节点的 div 元素。您只想隐藏文本节点而不影响 div 或锚标记的可见性。可见性属性可用于实现此目的。

CSS 解决方案

以下 CSS 代码可以实现您的目标：

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}

在此代码中:

• #closelink 隐藏 div 及其整个内容，包括文本节点。
• #closelink a 覆盖 div 内锚标记的可见性属性，使其再次可见。

HTML

您的 HTML 保持不变：

<div><p>此 CSS 解决方案在离开时有效隐藏了文本节点“单击关闭” div 和锚标记可见。</p></div>

以上是如何使用 CSS 隐藏 Div 中的文本节点，同时保持其他元素可见？的详细内容。更多信息请关注PHP中文网其他相关文章！