как скрыть / показать div, используя медиа-запрос, но не когда он находится внутри другого div

Question

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

@media (min-width: 665px) {
.mrbcircle-ipad:not(.link-inside.mrbcircle-ipad) {
position:absolute;
display:none;
}
}

, поэтому .mrbcircle-ipad должно быть скрыто за 665px, если оно не находится в пределах .link-inside.

В настоящее время это показывает .mrbcircle везде, поэтому я знаю, что это неправильно.Как я могу это исправить?

Спасибо, Энтони

Answer 1

Используйте два правила внутри медиа-запроса: первое, чтобы скрыть его, когда область просмотра шире, чем 665 пикселей, второе, чтобы сделать его видимым, если оно находится внутри определенного родителя:

@media (min-width: 666px) {
  .mrbcircle-ipad {
    position:absolute;
    display:none;
  }
  .link-inside .mrbcircle-ipad{
    display: block;
  }
}

Answer 2

@media (min-width: 665px) {
.mrbcircle-ipad {
  position:absolute;
  display:none;
 }
.link-inside .mrbcircle-ipad{
  position relative; 
  display: block;
 }
}