Hide all elements except one div for print view

Question

I have the following CSS for my print style:

* {
 display:none;
}

#printableArea {
 display:block;
}

Answer 1

If an element is not displayed, then none of its children will be displayed (no matter what their display property is set to).

* matches the element, so the entire document is hidden.

You need to be more selective about what you hide.