Maison > interface Web > tutoriel CSS > Comment puis-je sélectionner un élément parent en fonction du contenu de son enfant à l'aide de CSS ?

Comment puis-je sélectionner un élément parent en fonction du contenu de son enfant à l'aide de CSS ?

Barbara Streisand
Libérer: 2024-12-17 22:11:19
original
651 Les gens l'ont consulté

How Can I Select a Parent Element Based on its Child's Content Using CSS?

Sélecteur CSS pour cibler des éléments contenant un contenu spécifique

Trouver un sélecteur CSS pour faire correspondre les éléments en fonction de leur contenu peut être difficile. Le sélecteur fourni, "OBJECT PARAM", cible l'élément PARAM, et non l'élément OBJECT souhaité.

Sélecteurs parents : le chaînon manquant

Pour la fonctionnalité souhaitée, un La fonctionnalité "sélecteur de parent" est nécessaire. Cela permettrait de sélectionner un élément contenant un élément descendant spécifique. Bien qu'ils soient proposés, les sélecteurs parents ne font actuellement pas partie de la norme CSS.

Approches alternatives

Pour obtenir l'effet escompté, envisagez :

  • jQuery : Utilisez "closest()" pour sélectionner des objets contenant des éléments PARAM : $("object param").closest("object")
  • JavaScript Vanilla : Utilisez "querySelector()" et "closest()" pour rechercher des objets : document.querySelector("object param") .closest("object")

En conclusion, bien qu'il n'existe pas de sélecteur CSS direct pour faire correspondre les éléments contenant un contenu spécifique, des méthodes alternatives comme jQuery ou JavaScript peut être employé.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal