根据检查的输入更改CSS

提前道歉，因为我知道这是一个愚蠢的问题。当选中标签的关联复选框时，我使用以下CSS代码更改标签的背景色：

#project input[id="button1"]:checked + label {background-color:red;}

我还想在选中

id=“button1”

时更改整个页面的背景色。可能吗？我尝试添加到行和新行，但没有成功：

input[id="button1"]:checked {background-color:blue;}

---

这不应该影响

DIV

之外的背景吗？我想不出来。成品的标签背景色和页面背景色应与复选框的状态相连接。

通过纯CSS事件，您只能更改切换事件的元素的子元素的样式。你的身体永远不是

复选框

输入

的孩子（除非你很高）。因此，唯一的选择是一些JavaScript/jQuery

“这不应该影响DIV之外的背景吗？”-不，它只会影响输入元素

通常情况下，您不能仅通过CSS方式实现，因为您需要假设的：包含选择器：

body:contains(input[id="button1"]:checked) {background-color:blue;}

---

不幸的是：contains通常在CSS中实现的计算复杂度非常高。

非常好！您认为没有jQuery可以做到这一点吗？也许只是内联javascript？还是不？（也谢谢！）

input[id="button1"]:checked {background-color:blue;}

body:contains(input[id="button1"]:checked) {background-color:blue;}