jQuery / CSS - Как стилизовать первое вхождение элемента внутри другого элемента?

Вот моя проблема.

HTML

<div id="content">
    <h1>Headline</h1>
    <p>First paragraph that needs to be yellow.</p>
    <p>Second paragraph that need not change. :) </p>
    <p>Third paragraph that need not change. :) </p>
</div>

Если я использую #content p: first-child {color: yellow; } это не работает, потому что p не является первым потомком содержимого ... h1 - первенец.

Как это сделать, не касаясь HTML-кода?

Спасибо!

Всего наилучшего, Крис