wordpress - 努力在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:#) 规则可以优先处理，如果它们是最后处理的，但是这不应该包含在页面头的最底部是最后处理的东西吗？

我真的很感激任何建议，因为我已经把这件事搞砸了几个小时，但我无法取得任何进展。感谢您的宝贵时间。:)

score 3 · Accepted Answer

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

<style type="text/css">

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

score 0 · Accepted Answer

尝试放入!important您的 css 属性，因此排序优先级不是这种情况：

<style type="text/css">

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

我还没有尝试过。

2 回答 2