title: What is the difference between :first-child and :first-of-type?
body: <p>I can't tell the difference between <code>element:first-child</code> and <code>element:first-of-type</code></p>
  
  <p>For example say, you had a div</p>
  
  <p><code>div:first-child</code><br>
  → All <code>&lt;div&gt;</code> elements that are the first child of their parent.</p>
  
  <p><code>div:first-of-type</code><br>
  → All <code>&lt;div&gt;</code> elements that are the first <code>&lt;div&gt;</code> element of their parent.</p>
  
  <p>This seems like the exact same thing, but they work differently.</p>
  
  <p>Could someone please explain?</p>