跳过子元素

Question

我不希望将css应用于子元素。

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

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