How can I select the #blc2? HTML <div id="blc1"> <p>Some text</p> </div>
<div class="openBloc"> <div id="blc2"> <h1><strong>Some title</strong></h1> </div> </div> Script $(document).ready(function(){ $('div#blc1').ifixpng(); $('.openBloc > #blc2').ifixpng(); }); CSS #blc1 { Background:URL(../img/blc-1.png) no-repeat; Display:block; Height:100px; Width:498px; } .openBloc #blc2 { Background:URL(../img/blc-active.png) no-repeat; Display:block; Height:192px; Width:498px; Padding:16px 0 0 20px; } .closeBloc #blc2 { Background:URL(../img/blc-2-3.png) no-repeat; Display:block; Height:28px; Width:498px; Padding:16px 0 0 20px; }