title: jQuery/CSS - How to style the first occurrence of an element inside of another element?
body: <p>Here's my problem.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;h1&gt;Headline&lt;/h1&gt;
      &lt;p&gt;First paragraph that needs to be yellow.&lt;/p&gt;
      &lt;p&gt;Second paragraph that need not change. :) &lt;/p&gt;
      &lt;p&gt;Third paragraph that need not change. :) &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I use <code>#content p:first-child {color:yellow; }</code> it doesn't work because <code>p</code> isn't the first-child of <code>content</code>... <code>h1</code> is the first born.</p>
  
  <p>How can I do this without touching the HTML code?</p>
  
  <p><strong>Thank you!</strong></p>
  
  <p>All the best,
  Cris</p>