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

【问题标题】：How to change the body background for every id page?如何更改每个 id 页面的正文背景？
【发布时间】：2013-02-02 15:36:43
【问题描述】：

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

我试过了：

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

但它只在 #home div 的尺寸范围内变化，而不是正文背景

我试过了：

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

但什么也没发生。

【问题讨论】：

你到底在期待什么？
body {background-color:#099;} 改变了身体颜色有什么问题？
我支持@JJPA - 我不明白问题出在哪里。
听起来您的意思是要更改包含#home div 的页面上的正文颜色，而不是不包含#home div 的页面上的正文颜色？但是，这不适合您只有一个 HTML 页面。
@MrLister — 这听起来像是一个过度 Ajaxed 的情况。所以一个真实页面，通过 DOM 操作具有多个模拟页面。

标签： html css background-color

【解决方案1】：

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>

【讨论】：

嗨，这段代码是有效的，非常感谢！然而，在它改变背景颜色之前，会打开一个弹出框，说明颜色，然后您必须单击“确定”才能改变颜色。我有机会摆脱这个吗？
没关系，我已经修好了。我刚刚删除了警报（Bodycolor）；再次感谢你！ :))

【解决方案2】：

在 CSS 中，无法根据其后代元素来选择元素。

给body元素一个id。

【讨论】：