子要素をスキップする

Question

子要素にCSSを適用したくありません。

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

私はsubchilddivとその子を除くすべてのdiv秒にCSSを適用します。これを行うには

Answer 1

、単純にすべてのdiv秒にCSSを適用し、subchildのためにそれを逆：

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