努力覆盖@media最小宽度css规则在wordpress

Question

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

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

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

所以为什么不会插入

<style type="text/css"> 

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

到我的文档没有做任何事情的头上？当我在铬元素检查器中调整规则时，它的工作方式与您想象的一样。

我知道后续（较小）的@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> 

我还没有尝试，但。