Display HTML child element when parent element is display:none

by

No this isn’t possible. display:none hides the element, and thus any child elements will not be displayed.

EDIT:

This might be along the lines of what you want, if you’re able to switch from using display to visibility. 

.hide {visibility: hidden;}
.reshow {visibility: visible;}

Using this method you can hide the contents of the parent element but show the specific <li> you want. The only caveat is the parent markup will still take up screen real estate. Just won’t be shown to the user. That may or may not break the layout you’re looking for.

http://jsfiddle.net/vLYnk/2/

More Related Contents:

  1. Grid or Table? for Text and an Image on the bottom right (4/4) [duplicate]
  2. Make headings (h1, h2, …) inherit style from body
  3. How can I vertically align elements in a div?
  4. Image inside div has extra space below the image
  5. Center image using text-align center?
  6. Does UL have default margin or padding [duplicate]
  7. Why doesn’t the height of a container element increase if it contains floated elements?
  8. Text in Border CSS HTML
  9. How can I “disable” zoom on a mobile web page?
  10. How can I scale an entire web page with CSS?
  11. Make a div fill the height of the remaining screen space
  12. Shape with a slanted side (responsive)
  13. How can I combine flexbox and vertical scroll in a full-height app?
  14. CSS margin adds space outside parent element [duplicate]
  15. Place text after dots inline with the second line of text overflow ellipsis
  16. text-overflow: ellipsis not working
  17. Scale image to fit a bounding box
  18. Pure css Chessboard with div & no classes or ids, is it possible?
  19. How to change the size of the radio button using CSS?
  20. 100% width minus margin and padding [duplicate]
  21. How to include all css kept in a directory?
  22. Making an svg image object clickable with onclick, avoiding absolute positioning
  23. Insert HTML from CSS
  24. How to show an animation that is hidden behind a colored div using a “reveal” div on the surface
  25. CSS custom cursor doesn’t work in FF/Chrome
  26. Which elements support the ::before and ::after pseudo-elements?
  27. How to align footer (div) to the bottom of the page? [duplicate]
  28. CSS: display:block; vs display:table;
  29. Can you style ordered list numbers?
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment