Html 覆盖Wordpress Enfold中自动生成的最大宽度CSS规则

Html 覆盖Wordpress Enfold中自动生成的最大宽度CSS规则,html,css,wordpress,Html,Css,Wordpress,我的Wordpress主题(Enfold)自动生成一个CSS文件。生成的规则之一是: .responsive .container { max-width: 100%; } 如果我从自动生成的CSS中删除这一行,它会达到我想要的结果,但是每次在Wordpress管理区域进行样式更改时,它都会恢复到原来的状态 覆盖此项的正常方法是在“custom.css”文件中使用规则。 我已尝试将其添加到custom.css文件中,但没有任何作用: .responsive .container {

我的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规则


在伪CSS中,我想说
max width:“忽略所有内容”

您必须使用!重要的

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


不,那不行。该规则未被其他规则覆盖,但无效。抱歉,现在我了解您的问题。。。根据我的知识,我认为没有一个纯css的解决方案。您应该了解wordpress如何计算固定的最大宽度(在我的例子中,我看到了1010px)并将其设置为内联样式我认为最大宽度总是1010px。。。所以你可以设置
最大宽度:1010px!重要信息
.responsive .container, .container {
  max-width: none !important;
}