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

Question

Я не хочу, чтобы css применялся к дочернему элементу.

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

Я хочу применить css ко всем div с, кроме subchild div и его дочерних элементов.

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