voici mon problème: j'ai un menu avec des boutons radio, et je voudrais que quand je coche un des boutons, ça arrête une animation quelques div plus loin.
Ce qui n'est pas possible en revanche, c'est de nous proposer un code html avec autant d'erreurs : faire valider son code html avant de poster serait une bonne idée
Alors c’est tricky, mais ce n’est pas remonter dans le DOM : :focus-within ne peut que réagir à la présence d’un élément enfant qui prendrait le focus. C’est bien l’élément parent qui a le sélecteur et descend par cascade à l’élément enfant, pas dans l’autre sens.
Même :target, qui est ce qui se rapproche le plus, se contente de reprendre le DOM depuis la racine, donc ce n'est pas vraiment remonter non plus.
Il n’est juste pas possible de remonter dans le DOM en CSS, par essence même du CSS, qui est uniquement descendant.
Ceci étant dit, l’astuce n’est pas bête du tout, mais ne permet pas de faire une sélection en fonction du type d’élément qui reçoit le focus.
@OlivierAmiotte-Suchet, pourquoi ne pas simplement faire du JS, qu’est-ce qui t’en empêche ?
- Edité par EmmanuelBeziat 18 novembre 2019 à 16:42:41
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
C'était juste pour répondre à l'affirmation "En CSS, on ne peut pas remonter dans le DOM" et j'ai bien écrit "lorsqu'un élément peut prendre le focus" puisqu'il est question de bouton radio pouvant prendre/perdre le focus
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !