"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Entrée: pouvez-vous modifier CSS en survolant des éléments non apparentés? Sortie: Comment affecter les éléments non pertinents lorsque le CSS planait?

Entrée: pouvez-vous modifier CSS en survolant des éléments non apparentés? Sortie: Comment affecter les éléments non pertinents lorsque le CSS planait?

Publié le 2025-04-18
Parcourir:318

Can You Modify CSS on Hover for Unrelated Elements?

Pouvez-vous modifier les CS d'une classe différente sur Hover?

De nombreux développeurs rencontrent la nécessité de modifier le CSS d'un élément quand un autre élément non lié est enthousiasmé. CSS seul pose souvent des limites dans l'atteinte, invitant l'exploration de solutions potentielles. Vous souhaitez modifier (f) est un élément enfant de l'élément plané (e), use:

. / * Modifications CSS pour l'élément f * / }

f en tant que frère de e:
    si f n'est pas un enfant de e, mais plutôt un frère ou son descendant ultérieur dans le dom (apparaissant après E dans le marquage), utilisez:
  1. . / * Modifications CSS pour l'élément f * / }

    .item:hover .wrapper {
        /* CSS modifications for element F */
    }
    javaScript alternative
  2. Bien que JavaScript soit généralement découragé pour des tâches aussi simples, il propose une approche alternative: document.getElementsByClassname ('item') [0]. document.getElementsByClassName ('wrapper') [0] .Style.backgroundColor = "URL ('Some URL')"; };

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3