title: How do I hide only the first element of a type?
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;div class="ctr-1"&gt;
      &lt;h3&gt;Title&lt;/h3&gt;
      &lt;div class="ctr-2"&gt;
          &lt;h3&gt;Title&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the following CSS</p>
  
  <pre><code>.ctr-1 h3:first-child{ display:none; }
  </code></pre>
  
  <p>Both <code>&lt;h3&gt;</code> tags are hidden, I only want the first one hidden. How?</p>