Question

我有一个standard.css文件，该文件来自我下载的模板设计。我还有另一个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文件。

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

1 个答案: