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

Answering because I found this question while searching for this

Instead of 'display: none' you can use :

* {
     visibility: hidden;
     margin:0; padding:0;
    }

    #printableArea * {
      visibility: visible;
    }

source : https://www.concrete5.org/community/forums/5-7-discussion/need-to-print-a-certain-div-and-ignore-everythign-else-on-the-pa