title: Print CSS refuses to hide elements
body: <p>I am using simple CSS with modern browsers: IE 9 and Firefox 10.</p>
  
  <pre><code>&lt;link href="/css/print.css" media="print" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>With this content it works.</p>
  
  <pre><code>@media print
  {
      #wrap, div.push, div.footer, div.barra_sopra_datatables, div.fg-toolbar, img{
          display: none;
      }   
  
      body {
          font-size: 10pt;
      }
  
       * {  
       margin: 0;  
       padding: 0;  
      }  
  
  
  }
  </code></pre>
  
  <p>I need to hide some columns of a table, so just for testing I tried</p>
  
  <pre><code>tr:first-child {
      display: none;
  }
  </code></pre>
  
  <p>but it hides <strong>all</strong> the tr elements.</p>
  
  <p>I’ve alsove also tried <code>td:first-child</code> and <code>table tbody tr td:first-child</code> and other selectors, and <strong>all of them fail</strong>. I need to maintain compatibility with IE 8. <a href="http://kimblim.dk/css-tests/selectors/" rel="nofollow">kimblim.dk</a> says that IE 8 supports these selectors, so why won’t it work? I’m not trying to set background color which many pointed out doesn’t work.</p>