Use CSS to hide contents on print

Question

I’m looking for an easy way to hide everything except a certain div and its contents.

Answer 1

@media print {
.noPrint {
    display:none;
  }
}

Now you need to apply the class noPrint to the elements you want to hide in printing.

---

It is good practice to use a style sheet specifically for printing, and and set it's media attribute to print.

Example: