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;
}

Reply via email to