Question

我不能让身体改变它的背景颜色。所有其他CSS属性完全适用于其他元素。

＆＃13;

document.getElementById('color').onclick = changeColor;
var currentColor = "red";

function changeColor() {
  if (currentColor == "red") {
    document.body.style.color = "green";
    currentColor = "green";
  } else {
    document.body.style.color = "red";
    currentColor = "red";
  }
  return currentColor;
}

＆＃13;

body {
  font-family: Arial;
  font-size: 32px;
  color: red;
  background-color: #E7E7E7;
}

h1 {
  font-family: Georgia, Arial;
  font-size: 38px;
}

p {
  font-family: Arial;
}

button {
  font-family: Arial;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

＆＃13;

<h1> This is a header.</h1>

<button id="color">Change the color</button>

<p> Paragraph testing two.</p>

<br><br><br><br><br><br><br>

<ul>
  <li><a href="https://www.google.com">Google</a></li>
  <li><a href="https://www.cnn.com">CNN</a></li>

</ul>

＆＃13;

Answer 1

首先，这可以适用于！important指令，例如

body {
 background-color: #E7E7E7 !important;
}

如果您需要更多帮助，请提供有关项目或页面的更多详细信息。它也可以继承一些其他CSS指令或类，或者它可能包含样式指令。

如果您共享页面代码，解决方案可以更快。

Answer 2

检查一下。您的预览代码我无法获取您的完整代码。现在点击https://codepen.io/bravotanmoy/pen/bRpEbL

HTML

<button id="color" onclick="changeColor()">Change the color</button>

<div id="white"></div>
<div id="not-white"></div>

CSS

 body {
  background-color: yellow;  
}

div {
  border: 1px solid #000;
  float: left;
  height: 50px;
  width: 50px;
}

#white {
  background: #fff;
  margin-right: 20px;
}

#not-white {
  background:#e7e7e7;
}

的JavaScript

//document.getElementById('color').onclick = changeColor();
var currentColor = "red";

function changeColor() {
        if(currentColor == "red"){
        document.body.style.backgroundColor  = "green";
        currentColor = "green";
        }
        else{
        document.body.style.backgroundColor  = "red";
        currentColor = "red";
        }
        return currentColor;
}

Answer 3

尝试使用此简单的CSS，在CSS中创建新的唯一ID，例如：大卫

.david {
  background-color: #19529C;
  font-family: Helvetica, sans-serif;
}

然后将您网站上的html代码与该类相匹配，通常就像一个小节

赞：

<section id="unique id" class="david">

在此处添加您的内容

</section>

body元素的CSS background-color无效

3 个答案: