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

Пример 1

.myDiv:not(.container1) > .myDiv {
  color: red;
}

<div class="container1">
  <div class="myDiv">Div 1</div>
</div>

<div class="container2">
  <div class="myDiv">Div 2</div>
</div>

Пример 2

.myDiv:not(.container1 .myDiv) {
  color: red;
}

<div class="container1">
  <div class="myDiv">Div 1</div>
</div>

<div class="container2">
  <div class="myDiv">Div 2</div>
</div>

Это возможно даже с CSS? Или мой синтаксис просто выключен?