html - 如何更改每个 id 页面的正文背景？

Question

单击页面时，我想将正文背景更改为不同的颜色。我的 HTML 代码只有一页，所以页面被分类为<div>s。我不想更改 id 的背景。我只想改变身体的颜色。

我试过：

body #home {background-color:#099;}

但它只在#home div的尺寸内变化，而不是身体背景

我试过：

body#home {background-color:#099;}

但什么也没发生。

Answer 1

在 CSS 中，没有办法根据它的后代来选择一个元素。

给 body 元素一个 id。

Answer 2

JavaScript

<script type="text/javascript">
        function changeBackgroundColor(Bodycolor) {
            alert(Bodycolor);
            document.body.style.background = Bodycolor;
        }
    </script>

HTML

 <div>
        <a onclick="changeBackgroundColor('red');">Home</a> <a onclick="changeBackgroundColor('black');">
            About</a>
    </div>