@media甚至在断点之外覆盖主要样式

Question

我在.footer-div包装器中有3 flex个，他们有这种简单的风格，没有别的（为了简明起见，没有前缀）：

.footer-flex-wrapper {
  display: flex;
  flex-wrap: nowrap;
}    

.footer-div {
  flex-basis: 30%;
}

@media only screen and (max-width: anything) {
  .footer-flex-wrapper {
    flex-wrap: wrap;
  }  

  .footer-div {
    flex-basis: 90%;
  }    
}

我使用Brackets作为编辑器，上面的样式是我用.footer-div及其包装器做的唯一事情。 我发现下面的样式即使在媒体查询之外也会覆盖顶部的样式，这对我来说真的很奇怪。我无法弄清楚为什么会这样。

欢迎任何帮助！ :)

很抱歉保留这个问题的摘要，但它确实是一个非常简单的flex包装器，里面有3个div，整个风格就是你上面看到的。

重要提示：即使在同一媒体查询中，所有其他元素的样式也能完美运行，并且只有一张CSS表。