努力覆蓋@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> 

我還沒有嘗試，但。