input : in action

Il est possible d’interagir sur le design sans JS

L'écriture de la régle CSS dépend de la strcture HTML

Dans le cas d'une structure de type

1. enoncé
2. coche
3. réponse

coche:not(:checked) ~ réponse {
display : none;
  }

fichier↺

JS Bin on jsbin.com


Niveau avancé :

On souhaite mettre mainteant la coche en bas !

Que faut il modifier ?


Autre exemple

http://labs.jensimmons.com/2017/01-005.html