CSS - выберите все элементы, которые находятся за пределами определенного элемента

Question

Я бы хотел выбрать все элементы, которые находятся за пределами моего контейнера div, используя CSS, и хотел бы знать, как это сделать.

Я попытался выбрать все элементы, которые не являются элементами контейнера - :not(container) - но это привело к тому, что все элементы, которые содержат в элементе container, также будут затронуты.

Я хочу сделать что-то вроде следующего:

Примените это ко всем элементам ВНЕ «контейнера»
НЕ включайте элементы, содержащиеся в 'контейнере'.

Как мне этого добиться?

Answer 1

Вы можете использовать что-то вроде этого:

(parent element) > *:not(container)

">" выбирает все прямые дочерние элементы указанного родительского элемента, к сожалению, это не будет работать, если у вас есть div вне контейнера, которые не являются прямыми потомкамиродительский, но вы можете использовать несколько селекторов, таких как:

(parent element) > *:not(container) > *:not(container)

Вам нужно будет заменить (parent element) выбранным селектором

Answer 2

Это делает трюк для меня:

parent:not(container) {}