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代码的情况下执行此操作？

谢谢！

祝一切顺利,
克里斯

解决方法

这是最好的方法：

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