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

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

你必须使用 !important

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