Comment afficher uniquement certaines parties avec CSS for Print?

J'ai une page avec beaucoup de données, les tables et le contenu.
Je veux faire une version imprimée, qui n'affichent que très peu de sélectionné choses.

Au lieu d'écrire une autre page pour l'impression, je lisais à propos de la CSS est la caractéristique de "@media print".

Tout d'abord, quels sont les navigateurs supportant? Puisque c'est une fonction interne, c'est OK si seulement les navigateurs les plus récents en charge.

Je pensais de marquage quelques éléments du DOM avec un "imprimable" de la classe, et fondamentalement appliquer "display:none" à tout à l'exception de ces éléments avec le "imprimable" de la classe.
C'est que c'est faisable?

Comment puis-je y parvenir?

EDIT:
C'est ce que j'ai à ce jour:

<style type="text/css">
@media print {
    * {display:none;}
    .printable, .printable > * {display:block;}
}
</style>

Mais il se cache tout. Comment puis-je faire de ces "imprimable" éléments visibles?

EDIT:
Essayez maintenant de l'approche négative

<style type="text/css">
@media print {
    body *:not(.printable *) {display:none;}
}
</style>

Cela semble bon en théorie, mais il ne fonctionne pas. Peut-être "pas" n'est pas prise en charge avancée des css ...

source d'informationauteur Nathan H