title: Printing issue when using :target pseudo-class
body: <p>I'm trying to have a tabbed navigation using CSS only. I'm using :target pseudo-class for switching between tabs:</p>
  
  <pre><code>&lt;div class="tabbed"&gt;
    &lt;div id="tab1"&gt;
       &lt;a href="#tab1"&gt;...&lt;/a&gt;
       ...
    &lt;/div&gt;
    &lt;div id="tab2"&gt;
       &lt;a href="#tab2"&gt;...&lt;/a&gt;
       ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem however is when I'm trying to print the page. It always shows the last tab. This problem exists in Firefox but it is okay in chrome. In the CSS file, I use the following to address the issue; but it doesn't work.</p>
  
  <pre class="lang-css prettyprint-override"><code>@media print {
    .tabbed &gt; div:target &gt; div {
      z-index:1;
    }
    .tabbed &gt; div:not(:target) &gt; div {
      z-index:0;
    }
  }
  </code></pre>
  
  <p>Please let me know what could be done to solve this issue.</p>