title: Why does CSS3 have both a :first-child and :nth-child() pseudo-class selector?
body: <p>Why does CSS3 have both a <code>:first-child</code> and <code>:nth-child()</code> pseudo-class selector?</p>
  
  <p>I'm curious what the point is of <code>:first-child</code>, shouldn't <code>:nth-child(1)</code> select the exact same thing?</p>
  
  <p>It seems weird to me to have two pseudo-class selectors to do the same thing and the only reason I can see is that <code>:first-child</code> is one character less to type but that comes at the expense of having one more pseudo-class selector to remember.</p>