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

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

Answer 2

在媒体查询中使用两个规则：第一个在视口宽度超过665px时隐藏它，第二个用于在某个父级内部显示它时显示：

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

如何使用媒体查询隐藏/显示div，但不是在另一个div中隐藏/显示div

2 个答案: