Comme l'illustre
cette page de StackOverflow, les
sélecteurs CSS peuvent être utilisés
pour écrire des règles CSS permettant au lecteur d'une page Web de cliquer sur
certains éléments ("cases à cocher" [checkboxes] / menus / bouton radio / liens hypertextes / labels)
afin de modifier l'affichage d'éléments HTML (typiquement des éléments "DIV").
Cela permet d'éviter d'utiliser Javascript pour cela mais les options sont restreintes.
Une 1ère méthode est de spécifier
i) que les éléments d'une certaine classe sont "cachés (par défaut)", et/mais
ii) que les éléments "pointés" [targeted] sont visibles.
Exemple (voyez aussi le code source de cette page Web) :
Cliquer pour pointer sur l'élément "div_XYZ" (ci-dessous, par défaut caché).
Cliquer pour ne pointer sur aucun élément.
Exemple d'application : permettre de rendre visible/invisible certains éléments d'une hiérarchie de types
(testez chaque checkbox) :