css – 在元素中隐藏文本节点,但不是子元素

前端之家收集整理的这篇文章主要介绍了css – 在元素中隐藏文本节点,但不是子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个小麻烦的CSS,似乎找不到一个解决方案。我有这个HTML
<div id="closelink">
  <a href="">Close</a>
  Click to close
</div>

现在我想隐藏文本«单击关闭»,而不隐藏div,也不在其中的链接

这可以做吗?

解决方法

可见性属性可以在子元素上覆盖,因此您可以执行此操作:
<div id="closelink">
  <a href="">Close</a>
  Click to close
</div>

CSS:

#closelink {
    visibility:collapse;
}

#closelink a{
    visibility:visible;
}

结果是:http://jsfiddle.net/pavloschris/Vva84/

猜你在找的CSS相关文章