title: How to hide the first element on the page with particular css class?
body: <p>In CSS (not javascript), how can I hide the first element with a particular class, but not the other elements? See example below:</p>
  
  <pre><code>&lt;div class="wrap"&gt;
    &lt;center&gt;
      &lt;a href="" class="button"&gt;hide this one&lt;/a&gt;
    &lt;/center&gt;
  &lt;div&gt; Some other stuff&lt;/div&gt;
    &lt;center&gt;
      &lt;a href="" class="button"&gt;don't hide this one&lt;/a&gt;
    &lt;/center&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How would I hide the <strong>first</strong> element with the class of button?</p>