title: media="print" and .noprint { display: none; } is not working
body: <p>So I have </p>
  
  <pre><code>.noprint
  {
  display: none;
  }
  </code></pre>
  
  <p>in a stylesheet print.css and </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/assets/css/print.css" media="print"/&gt;
  </code></pre>
  
  <p>in my webpage header.</p>
  
  <p>I've added the class noprint to several div's and images but they still show up in the print preview of Google Chrome.</p>
  
  <p>Any ideas?</p>