Hide text node in element, but not children

by

The visibility attribute can be overriden on children elements, so you are able to do this:

#closelink {
  visibility: collapse;
}

#closelink a {
  visibility: visible;
}
<div id="closelink">
  <a href="">Close</a> Click to close
</div>

More Related Contents:

  1. What does the “+” (plus sign) CSS selector mean?
  2. Fill remaining vertical space with CSS using display:flex
  3. How does flex-wrap work with align-self, align-items and align-content?
  4. Same font except its weight seems different on different browsers
  5. Opacity CSS not working in IE8
  6. Is the CSS star selector considered harmful (and why)?
  7. Justify the last line of a div?
  8. Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink
  9. My position: sticky element isn’t sticky when using flexbox
  10. Remove gutter space for a specific div only
  11. IE display: table-cell child ignores height: 100%
  12. CSS Calc alternative
  13. How to create div to fill all space between header and footer div
  14. CSS margin-top of affects parent’s margin
  15. Add ellipses to overflowing text in SVG?
  16. Less lists as a mixin argument(s)
  17. Using attr to set css variable inline that work with CSP
  18. Why doesn’t this CSS :not() declaration filter down?
  19. How does CSS ‘overflow:hidden’ work to force an element (containing floated elements) to wrap around floated elements?
  20. How to show the first N elements of a block and hide the others in css?
  21. word-wrap:break-word not working in IE8
  22. Why is backface-visibility hidden not working in IE10 when perspective is applied to parent elements?
  23. Width equal to content [duplicate]
  24. Bootstrap Responsive Text Size [duplicate]
  25. Is vertical text-overflow possible with css3?
  26. Why shouldn’t I use position:absolute for positioning everything?
  27. with an inner not triggering :active state in IE 8
  28. Bootstrap Grid System new line does not look nice
  29. Issues with “background-position” in “background” shorthand property
  30. CSS – Font being blocked from Cross-Origin Resource Sharing Policy

Leave a Comment