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

Question

我想在点击页面时将正文背景更改为不同的颜色。我的HTML代码只有一页，因此页面分为<div>个。我不想改变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>