努力在wordpress下覆盖@media min-width css规则

Question

我试图用我文档头部中包含的css代码覆盖@media（min-width：＃）规则。

从外部样式表调用的CSS规则是

    @media (min-width: 1200px)
       .span9 {
              width: 870px;
              }

为什么插入

    <style type="text/css">

    @media (min-width: 1200px)
       .span9 {
              width: 1100px;
              }
    </style>

进入我的文件负责人根本不做任何事情？当我在Chrome元素检查器中调整规则时，它就像你想象的那样工作。

据我所知，后续（较小的）@media（min-width：＃）规则可以优先处理，如果它们最后处理但是不应该包含在页面底部，那么最后处理的是什么？

我真的很感激任何建议，因为我已经搞砸了几个小时，并且我无法取得任何进展。非常感谢你的时间。 ：）

Answer 1

愚蠢的可能性 - 您是否尝试在媒体查询中添加括号？

<style type="text/css">

    @media (min-width: 1200px){
       .span9 {
          width: 1100px !important;
        }
    }
</style>

Answer 2

尝试将!important放入您的css属性中，因此排序优先级不是这样的：

<style type="text/css">

    @media (min-width: 1200px)
       .span9 {
              width: 1100px !important;
              }
</style>

我没有尝试过。