You can edit / change the code and click run button <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../../../ajax/libs/jquery/1-11-3/jquery.min.js"></script> <script> $(document).ready(function(){ $(".one p:first-child").css("background-color", "yellow"); $(".two p:first-child").css("background-color", "red"); $(".three p:first-child").css("background-color", "green"); }); </script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script> <b>jQuery First Child Example</b> <div class="one" style="border:1px solid;"> <p>First Child</p> <p>Second Child.</p> </div><br> <div class="two" style="border:1px solid;"> <p>Apple</p> <p>Banana</p> </div> <div class="three" style="border:1px solid;"> <p>First Child in Third Div</p> <p>Second Child in Third Div</p> </div>