孩子的相同css没有覆盖父母

Question

我正在建立一个基于我自己的Flaton孩子主题的wordpress网站。 使用以下代码将导航容器设置为父级宽度93％：

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { width: 93%; }
  /* more stuff */
}

我想将其更改为100％，因此我将上面的确切代码复制到我自己的style.css文件的最后。

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { width: 100%; }
}

然而它不起作用。当我检查元素时，我看到父css而不是孩子。我的css在其他地方的其他覆盖范围内得到了认可。