当前位置: 首页 > 面试题库 >

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

吕征
2023-03-14
问题内容

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

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

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

能做到吗?


问题答案:

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

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

CSS:

#closelink {
    visibility:collapse;
}

#closelink a{
    visibility:visible;
}


 类似资料:
  • 在JavaFX中,如果我有一个有2个元素的场景,并且每个都有多个。 如果我将顶部的设置为不可见,为什么底部的不移动到顶部的所在的场景? 是不可见的,但我希望其他对象移动到它的位置。 我正在使用FXML加载我的控件。

  • 我有一个如下所示的JTree结构。我有图标,每当节点有子节点时就会出现,这是正常工作的。 我的问题是我需要隐藏根节点。当我隐藏根节点时,不会显示MainTop1和MainTop2节点的图标,尽管它们有子节点。为了隐藏根节点,我使用“setrootvisible(false)”。 此外,当根节点隐藏时,Topic1和Topic节点的图标将正确显示。 有人知道如何在隐藏ROOT时显示MainTop1和

  • 问题:如果距离为空/null,我试图隐藏一个值。 我尝试了以下操作,但该值仍在显示: 和 什么是实现我所期待的正确方法。 以下是我在coldfusion中定义距离的方式: 当我做以下建议时: ng-show="e.distance===未定义" 当我执行其他建议时,例如ng hide=“e.distance”, 以下是提供商包含的内容:

  • 我有一个来自服务器的响应,我想把它放到列表中。但是当列表为空时,我需要隐藏这个div容器。例如,如果不在数组中-我想隐藏div。但是我想在ng之后使用bird重复,所以我不能使在上。我可以检查li是否为空,然后隐藏div吗? 普朗克例子 AngularJS ng-重复处理空列表大小写-这是不一样的。如果li是空的,我不想隐藏li,我想在li是空的时候隐藏父元素h1。

  • 我想在EMF Compare的匹配结果中隐藏一些树节点,因为它们只是对我们的用户没有意义的容器。 null 谢谢, 马蒂亚斯

  • 问题内容: Google将忽略在CSS中设置为“显示:无”的元素内的单词吗? 例: 我想要隐藏这样的菜单可能看起来有些奇怪,但是有一个子菜单。并将用户激活它。但是我不希望它超越SEO。 问题答案: 在页面加载中使用javascript隐藏菜单。这样,谷歌仍然会分析您的文本。它会忽略元素以及textcolor与背景色相同的元素,从而使人眼看不到它