Printing a subset of a page

by Raynos

HTML

<div>
    
    bla bla bla <br/>
    foobaz <br/>
    <div id="foo"> printing </div>
    
</div>

CSS

@media screen {
    #foo {
        visibility: hidden;
    }
}

@media print {
    html * {
        visibility: hidden;
    }
    html #foo {
        position: absolute;
        top: 0;
        left: 0;
        visibility: visible;
    }
}

JavaScript

//console.log($(":not(#foo)"));