CSS: Как исключить DIV и его потомков?

Question

У меня есть HTML, который выглядит следующим образом:

<div id="mainDiv">
    <div id="childDiv1">
        <img />
        <div>
            <img />
            <div />
        </div>
        ...
    </div>
    <div id="childDiv2">
        ...
    </div>
    ...
</div>

Я хочу выбрать все в mainDiv, кроме childDiv1 и его потомков.Я думал, что #mainDiv :not(#childDiv1) может работать, но он исключает chidlDiv1, пока все его потомки выбраны.#childDiv1 * выберет всех потомков (но не самого childDiv1), но :not(#childDiv1 *) недопустимо.Решение JQuery было бы предпочтительным.Спасибо

Answer 1

думаю, что это работает:

$("#mainDiv > :not(#childDiv1)")

Answer 2

, если какой-либо дочерний элемент mainDiv находится в формате div.

$('#mainDiv div:gt(0)')

Answer 3

Попробуйте это:

$("#mainDiv :not(#childDiv1), #childDiv :not(*)")