title: Possible to select the first child (when the first element will often be different)
body: <p>My <code>div</code> sometimes starts with a <code>p</code> a <code>h2</code> a <code>h3</code> or an <code>ul</code>. Is there a way to select the first element of the <code>div</code>, regardless of what the element is?</p>
  
  <p>Here is a JSFiddle <a href="https://jsfiddle.net/nv0mg602/" rel="nofollow noreferrer">https://jsfiddle.net/nv0mg602/</a></p>
  
  <p>In the first div I would like the the first <code>p</code> to be red, not both <code>p</code>. In the second div I would like the first <code>h2</code> to be red.</p>
  
  <p>Thanks everyone. I've realised that <code>.main:first-child</code> doesn't work, but <code>.main :first-child</code> does (with a space between main and the colon)</p>