Вопросы Теги

CSS: не () селектор. Применить стиль, если родитель не существует

Я пытаюсь применить стиль к 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? Или мой синтаксис просто выключен?

9
задан Harry 19 February 2016 в 16:09
поделиться