:has est magique Cette pseudo-class permet de cibler (et donc modfifier le comportement d'un élement) dès lors qu'il contient un autre élement Si #foret contient .champignon_rouge on peut ajouter une propriété à #foret :checked vérifie si un checkbox est checker (cochée) Si elle est cochée on peut faire quelque chose avec les éléments suivants ou, grace à :has ... aux éléments parents TODO: ... quand la checkbox est checked : - Modifier l'image de fond de #foret ... on charge l'image en indiquant son url("....") par exemple avec : https://cdn.futura-sciences.com/sources/images/dossier/1088/03-1308.jpg - Modifier le background de #world_wrapper par exemple avec : https://www.borealforest.org/wp-content/uploads/2022/08/Forest-area-1024x576.jpg Ajouter également : background-size: cover; Changer la position de .champignon_rouge où vous voulez - faire cela quand la checkbox est :checked - egalement quand le lien est :active - et quand :checked et :hover sont cumulés ( chercher où modifier le code existant )