html - 使用 CSS 覆盖 Wordpress 主题内联样式

Question

提前感谢您的时间和协助!

我正在尝试编辑 Wordpress 主题上的标题图片，但运气不佳。这似乎是我以前没有遇到过的“行内风格”。我已经搜索了很多，但似乎没有什么对我有用，包括使用 important!(尽管可能我使用不正确)。

我想做的就是将 background-size:cover 更改为 background-size:120% 以便图像在较小的屏幕上缩放得更好。 现在在移动设备上观看时，它把我的脸切成两半，这并不理想。

<div id="custom-header" style="background-    image:url(http://brentbareham.com/wp-content/uploads/2016/09/HeaderImage.jpg);background-size:cover;">
        <div class="container">
                    <div class="header-content">
                            </div><!-- .header-content -->
                </div><!-- .container -->
    </div>

这是我广泛编辑过的第一个主题。我正在使用 child 主题，但这并不重要，到目前为止我已经成功了，但我似乎无法弄清楚这一点。

所以你可以准确地看到我在看什么，网站是http://brentbareham.com

再次感谢!

Answer 1

只要内联样式上没有 !important，您就可以直接使用 css !important 来完成您想要的:

#custom-header {
    background-image: none !important;
}

这是一个jsFiddle这表明它有效。