@MEDIA CSS查询打破了样式

Question

因此，出于某些原因，当我将@media查询添加到我的wordpress样式表时，它会破坏第一个容器的样式。我有适当的括号，所以我很困惑为什么我的代码编辑器灰化了第一个容器，在这种情况下#navmenu。

@media only screen and (min-width: 1001px) and (max-width: 1499px) {
#navmenu {
    margin-top: 50px;
    float: left;
    width: 15%;
    margin-left:29%;
   }
}

当我尝试@media查询将原始样式表包装到仅在屏幕大小> 1500px时加载时，同样的事情发生。该网站的#wrapper破坏了，之后的所有样式都被破坏了，好像我的方括号没有正确放置。