javascript - jqprint を使用して CSS で特定の DIV を印刷する

Question

cssでdivを印刷したい。私が申請するときは私と一緒に働いていますinline cssが、external and internal css働いていません。以下は私のコードです、

<script src="jquery.jqprint.0.3.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function() {
  $("#PrintButton").click( function() {
      $('#divToPrint').jqprint();
      return false;
  });
});
</script>

<style type="text/css">
@media screen,print
  {
  .test {background:#0F0; width:500px; height:200px;}
  }
</style>

<input id="PrintButton" type="button" name="Print" value="Print" />

<div id="divToPrint" class="test">
Print Me, I'm in DIV
</div>