Question

I don’t want css to be applied to a child element.

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

I want to apply css to all divs except the subchild div and its children.

Answer 1

To do this, simply apply the CSS to all divs and then reverse it for the subchild:

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