在Wordpress中覆蓋自動生成的最大寬度CSS規則Enfold

Question

我的WordPress主題（Enfold）會自動生成一個CSS文件。其中一個生成的規則是：

.responsive .container { 
    max-width: 100%; 
} 

如果我刪除自動生成的CSS這條線，它達到我想要的結果，但隨後將恢復原來的風格變化，在WordPress管理方面取得每次。

覆蓋此的常規方法將是'custom.css'文件中的規則。 我曾嘗試在custom.css文件中添加這一點，但它不會做任何事情：

.responsive .container { 
     max-width: none; 
    } 

在Chrome的開發者工具面板，如果我添加了些廢話像max-width: xxxxx那麼這將有預期的效果取消主題的規則。將廢話添加到'custom.css'文件不起作用。

有沒有一種方法覆蓋一個CSS規則與另一個是未定義的？

在僞CSS我想想說max-width: 'ignore everything'

Answer 1

你必須使用！重要

.responsive .container { 
    max-width: none !important; 
} 

Answer 2

添加

.responsive .container, .container { 
    max-width: none !important; 
}