How to style the first occurrence of an element inside of another element?

by in , 0

Here's my problem.
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>
If I use #content p:first-child {color:yellow; } it doesn't work because p isn't the first-child of content... h1 is the first born.
How can I do this without touching the HTML code?


$('#content p:first').css('color', 'yellow');

Leave a Reply