title: With CSS only: Select first occurrence of class throughout whole document
body: <p>We have a DOM like this:</p>
  
  <pre><code>&lt;div class="outer"&gt;
      &lt;div class="inner"&gt; &lt;!--// No "copyright" in this node //--&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="inner"&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="copyright"&gt;...&lt;/div&gt; &lt;!--// DISPLAY THIS ONE //--&gt;
      &lt;/div&gt;
      &lt;div class="inner"&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="copyright"&gt;...&lt;/div&gt; &lt;!--// Hide this one //--&gt;
      &lt;/div&gt;
      &lt;div class="inner"&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="content"&gt;...&lt;/div&gt;
          &lt;div class="copyright"&gt;...&lt;/div&gt; &lt;!--// Hide this one too, etc. //--&gt;
      &lt;/div&gt;
      &lt;!--// etc. //--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All elements with class "copyright" must be hidden, with exception of the very first one.</p>
  
  <p>We tried to apply this <a href="https://stackoverflow.com/questions/3615518/css-selector-to-select-first-element-of-a-given-class">approach</a>, but unfortunately with no success. It must be a CSS only solution. Any idea?</p>
  
  <p>Thanks for your help!</p>