body{
background-color: #333;
}
label input:checked ~ body{
background-color: #ffefcd;
}
la intención esta en cambiar el fondo de la página cuando el input esté checked
Usarías Javascript
document.getElementById("cambio").addEventListener("change", function() {
if (document.getElementById("cambio").checked == true) {
document.documentElement.setAttribute("style", "background-color: green;");
document.getElementsByTagName("body")[0].setAttribute("style", "color: white;");
} else {
document.documentElement.setAttribute("style", "background-color: white;");
document.getElementsByTagName("body")[0].setAttribute("style", "color: black;");
}
});
<input id="cambio" type="checkbox">Cambiar fondo
<p>Otro texto</p>
Que de hecho es es una respuesta que anteriormente habían respondido aquí en inglés
~
funciona para seleccionar elementos hermanos, pero no al contenedor. En todo caso, habrá que esperar a CSS4 para poder usarbody:has('label input:checked')
que, por ahora, parece funcionar solo con Safari. Mientras tanto, tienes que recurrir a Javascript.