Пропустить дочерний элемент

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