title: Why is my first-of-type CSS selector applying to everything?
body: <p>I'm trying to target the first h3 of the page, but hitting all h3s instead. I've tried below, and with <code>&gt;</code>, but that only works when it's directly inside the body and not nested.</p>
  <pre><code>body h3:first-of-type{ /*code*/ }
  </code></pre>
  <p>Any ideas?</p>
  <p>I don't want to resort to adding IDs everywhere.</p>
  <p><a href="https://jsfiddle.net/M2X9z/" rel="nofollow noreferrer">https://jsfiddle.net/M2X9z/</a></p>