title: Only display the first child of a div
body: <p>I've been struggling with finding a way to only display the first child of my div and hide all the rest. Can this be done purely in css or do I have to involve some Javascript?</p>
  
  <p>So, how can I get this to only display first p-tag?</p>
  
  <pre><code>&lt;div id="test1"&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/8XYNx/" rel="noreferrer">http://jsfiddle.net/8XYNx/</a></p>