jquery - Removing a class from an nth-child -

this simple question hope, have series of div's:

<div class="full">     <div class="wrap">         <div class="grid">             <div class="left">

i'm creating print specific stylesheet , need remove wrap class. have achieved jquery:

$(".printme").click(function() {     $("div.full > div:nth-child(1)").removeclass("wrap");     window.print(); });

but affects whole of page.

is there way can achieve above in css can place in print.css page?

print.css referenced within html as:

<link type="text/css" rel="stylesheet" href="idauthenticate/css/print.css" media="print" />

thanks

try

@media print {     div.full > div:nth-child(1).wrap {         /*remove styles here eg.*/         border:0;         padding:0;     } }

Two