CSS替换具有1px最小宽度的媒体查询

时间:2015-02-11 13:25:10

标签: html css responsive-design media-queries

在我的主要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媒体查询中的属性?

1 个答案:

答案 0 :(得分:0)

尝试

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