html - CSS 替换最小宽度为 1px 的媒体查询

Question

在我的主 css(我无权访问)中我有一个媒体查询

@media (min-width: 1px) {
  .some-class {
    display: none;
  }
}

该媒体查询似乎覆盖了所有其他媒体查询。 :(

这导致 .some-class 总是显示 none (示例已简化。在我的原始代码中，媒体查询中有更多的类和属性。)

我必须用 min-width: 768px 替换那个媒体查询。我试过:

@media (min-width: 768px) {
  .some-class {
    display: block !important;
  }
}

..它不会覆盖。

我无法访问主 CSS，也无法更改样式表的顺序。如何删除/替换 min-width:0 媒体查询，以便它使用来自 min-width:768 媒体查询的属性？

Answer 1

尝试

@media (min-width: 768px) {
  .some-class {
  display: block !important;
  }
}