WordPress的页面背景颜色不会改变吗？

Question

我正在尝试更改特定页面的背景颜色。我已经将id作为目标并更改了颜色，如下所示：

function RemoveCookies(cookies, domain){
   for(var i=0; i<cookies.length;i++) {
        chrome.cookies.remove({url: 'https://'domain + cookies[i].path, name:cookies[i].name});
      }
}

function RemoveDomain1(callback, ...params){
  chrome.cookies.getAll({domain: domain1}, function(cookies) {
     RemoveCookies(cookies, domain1);
     callback(params)
		
	});
}
function RemoveDomain2(callback, ...params){
  chrome.cookies.getAll({domain: domain2}, function(cookies) {
     RemoveCookies(cookies, domain2);
     callback(params)
		
	});
}
function RemoveDomain3(callback, ...params){
  chrome.cookies.getAll({domain: domain3}, function(cookies) {
     RemoveCookies(cookies, domain3);
     callback()
		
	});
}

RemoveDomain1(RemoveDomain2, RemoveDomain3, DoSomthingAfterAll)

但是它仍然保持黑色。 This是页面

Answer 1

这是因为背景颜色不是来自body元素，而是来自main元素。 （我建议您熟悉使用浏览器的开发工具，在这种情况下，尤其是检查器选项卡，您可以在其中查看哪些样式来自哪个元素以及定义了哪些样式。）

在这种情况下，背景颜色甚至被定义为main元素上的内联样式，因此，为了掩盖它，.page-id-178 > main { }就不够用。您还需要使用!important。

.page-id-178 > main {
    background-color: #EEEEEE !important;
}

Answer 2

主要是覆盖此样式。如果是内联样式，请将其删除。或者您可以使用！important

覆盖它

另一件事要记住，DevTools始终是您最好的朋友！

Answer 3

您可以尝试body.page-id-178> main并使用！important，希望它可以解决。

body.page-id-178 > main {
    background-color: #EEEEEE !important;
}

Screenshot

为什么需要主标签？ 因为主标签已经使用了背景色，所以如果需要替换，可以使用主嵌套标签。

Answer 4

当我检查您所链接的页面时，以下是为我更改背景颜色的原因。

div#page-content {
  background: #EEEEEE;
}