取消背景：#fff而不取消背景图像

Question

This Wordpress front page使用儿童主题。

父主题包含CSS：

let nullTerminatedBytes = utf8Bytes + [0]
let nullTerminatedLength = nullTerminatedBytes.count // 18
let nullTerminatedData = NSData(bytes: nullTerminatedBytes, length: nullTerminatedLength)

此首页使用CSS：

body {
    background: #fff;
}

但是body.home { background-image: url(http://www.fleeceitout.com/images/field.2.jpg) !important; background-size: cover; background-repeat: no-repeat; background-position: 0 0; background-attachment: fixed; } 规则被background-image规则覆盖（我相信），因此页面的background没有背景图片。

我使用什么CSS来消除body规则，以便background: #fff;包含背景图片？

Answer 1

  

但是，背景图像规则被背景规则覆盖（我相信），因此页面正文没有背景图像。

你错了。

body的具体程度低于body.home，因此首先应用并body.home覆盖。

即使情况并非如此，!important规则最后会应用background-image个案例。

您的问题是http://www.fleeceitout.com/images/field.2.jpg会导致服务器拒绝连接。

如果我将URL替换为有效的URL，则会出现第二个问题（尽管不是可以使用您问题中的代码重现的问题）。

body元素完全由div#fullPage元素覆盖，该元素具有白色背景色。您必须将其设置为透明才能通过它查看正文的背景。