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规则？

在伪 CSS 中，我想想说 max-width: 'ignore everything'

Answer 1

你必须使用!重要

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