html - How to use Adjacent sibling selectors in css -


here html code:

<div id="main">     <h1>         <div class="details-of-family-members">details of family members</div>     </h1>     <div class="wrap data">         <h1> hello</h1>     </div> </div> 

here css hide .wrap.data div based on div of class .details-of-family-members inside h1.

in css3 there isn't option select parent based on child.

we got sittuation: h1 sibling of .wrap.data, not details-of-family-members.

therefore, should add class details-of-family-members h1 tag. , can:

.details-of-family-members + .wrap.data {     display:none; } 

.details-of-family-members + .wrap.data{    display:none;  }
<div id="main">      <h1  class="details-of-family-members">          <div>details of family members</div>      </h1>      <div class="wrap data">          <h1> hello</h1>      </div>  </div>


Comments

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -