css - 跳过子元素

Question

我不想将 css 应用于子元素。

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

我想将 css 应用于除 subchild div 及其子项之外的所有 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;
}