Estou fazendo um CSS para controlar a impressão de uma página.
A única coisa que vou mostrar na impressão é uma imagem que está na página.
Então no CSS eu fiz assim:
*:not(#imagem-draw){
display: none;
}
Mas o resultado é que ele não mostra nada. Como posso fazer isso com CSS ?
<div id="content" class="colorir">
<div class="main">
<div id="draw-action">
<div id="desenho">
<img src="img/imagem.png" alt="" class="desenho" id="sketch-draw">
</div>
</div>
</div>
</div>
body *:not(#imagem-draw)
.<img src="img/imagem.png" alt="Seu Desenho" class="desenho" id="sketch-draw">