Comment puis-je sélectionner un élément parent en fonction de son élément enfant en CSS ?

Sélecteurs CSS pour les relations parent-enfant

Question :

Comment créer un Sélecteur CSS qui correspond à un élément parent contenant un enfant spécifique element?

Contexte :

La correspondance avec un élément d'objet qui contient un élément param à l'aide d'un simple sélecteur (par exemple, OBJECT PARAM) échoue car elle cible l'élément param à la place.

Réponse :

Notamment, CSS ne dispose pas de sélecteurs parents, une fonctionnalité qui a été proposée à plusieurs reprises mais qui reste indisponible dans aucune norme actuelle ou projetée.

Pour obtenir le comportement souhaité, des alternatives doivent être utilisées :

• jQuery/JavaScript :

  • $("objet param").closest("object")
  • document.querySelector("object param").closest("object")

• Solutions de contournement CSS :

  • Introduire des annotations de classe supplémentaires pour faciliter le ciblage parent-enfant dans CSS règles.

Ressources supplémentaires :

Consultez les ressources suivantes pour plus d'informations sur cette limitation :

• [Y a-t-il un parent CSS sélecteur ?](https://stackoverflow.com/questions/3398742/is-there-a-css-parent-selector)
• [Sélecteur CSS Parent/Ancêtre](https://codereview.stackexchange. com/questions/8989/css-parent-ancestor-selector)
• [Sélecteur CSS complexe pour le parent de l'actif enfant](https://stackoverflow.com/questions/26492566/complex-css-selector-for-parent-of-active-child)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!