第一个@media 查询 CSS 不工作

Question

我目前正在开发一个 WordPress 主题，但是当我将第一个 @media 查询放入 style.css 文件时，只有第一个没有工作。来自第二个的所有其他@media 工作正常！问题仅在于第一个。

我把我目前的工作放在这里，在我的以下代码中编码网络标准或类似的东西有问题吗？

@media screen and (max-width: 1200px) {
    #content .content-area {
        border-top: 1px solid #ddd;
        width: 50%;
    }

}

@media screen and (max-width: 991px) {
    .hfeed{}

    #content {
        width: 100%;
        overflow: auto;
    }

    .content-area {
        padding: 8% 3%;
        width: 63%
    }

    #header-sidebar p.site-description {
        font-size: 120%;
    }
}

这只是我工作的一小部分。

当我复制它时，它工作得很好，虽然是相同的@media 内容：

@media screen and (max-width: 1200px) {
    #content .content-area {
        border-top: 1px solid #ddd;
        width: 50%;
    }

}

@media screen and (max-width: 1200px) {
    #content .content-area {
        border-top: 1px solid #ddd;
        width: 50%;
    }

}

为什么？！

Answer 1

对于看到此问题的任何人，已在评论中回答：

"Most likely a syntax error before the code you posted."

第一个@media 查询 CSS 不工作

First @media query CSS not working

css

wordpress

media-queries

responsive-design