跳过子元素

Question

我不希望将css应用于子元素。

<div id="main"> 
    <div id="child"> 
     <div id="subchild"> 
      <p> subchild </p> 
     </div> 
     <p> child </p> 
    </div> 
</div> 

我想申请的CSS所有div小号除了subchilddiv和它的孩子。

Answer 1

要做到这一点，只需将CSS应用到所有div秒，然后扭转它为subchild：

#child 
{ 
    display: inline; 
    background-color: black; 
} 
#child #subchild 
{ 
    /* Assuming this was blocked/transparent before the '.child' css applied. */ 
    display: block; 
    background-color: transparent; 
}