css - 使用 Custom.css 文件删除 CSS 中的媒体查询

Question

我有一个 standard.css 文件，它来 self 下载的模板设计。我有另一个 custom.css，我修改了 standard.css 中包含的特定 CSS 标签。我不想修改 standard.css 文件。

在我的 standard.css 文件中有一个媒体查询，我想将其与 custom.css 文件一起删除。如何让 custom.css 文件丢弃 standard.css 文件中的媒体查询？

我知道我可以将查询的每个值覆盖到它的查询前值，但那需要更多的工作，而且我不知道这样做的所有值。这是一个示例，但我在 standard.css 文件中还有许多其他媒体查询，因此很难覆盖每个值。

@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}

Answer 1

不幸的是你不能。您需要覆盖每个值，或从原始文件中删除规则。如果原始文件不受您的控制，请复制它并删除样式，然后加载复制的 css 文件。