Maison >interface Web >tutoriel CSS >CSS peut-il sélectionner des éléments parents en fonction de leurs éléments enfants ?

CSS peut-il sélectionner des éléments parents en fonction de leurs éléments enfants ?

Linda Hamilton
Linda Hamiltonoriginal
2024-12-03 14:32:11158parcourir

Can CSS Select Parent Elements Based on Their Child Elements?

Les CSS peuvent-ils identifier les éléments en fonction de leurs éléments enfants ?

Dans cette question, nous explorons la possibilité d'utiliser des sélecteurs CSS pour identifier les éléments qui contiennent des éléments enfants spécifiques. Par exemple, notre objectif est de sélectionner tous les fichiers

les éléments qui incluent enfants.

Réponse :

Malheureusement, les spécifications CSS2 et CSS3 n'ont pas la possibilité de sélectionner les éléments parents en fonction de leur contenu enfant. Les sélecteurs parents ne sont actuellement pas pris en charge.

Remarque sur les mises à jour des spécifications :

Ces informations peuvent devenir obsolètes en raison de discussions en cours et de modifications des spécifications CSS. Nous ferons tout notre possible pour que cette réponse reste exacte, mais des inexactitudes peuvent survenir.

Exploration des sélecteurs parents dans les brouillons CSS :

Une première « ébauche de travail des sélecteurs de niveau 4 » introduit le concept de « sujets sélecteurs », permettant aux auteurs de spécifier l'élément qui reçoit les styles. Cependant, cette fonctionnalité a été supprimée des futures spécifications et ne sera pas disponible.

La pseudo-classe :has() dans « Brouillon de l'éditeur des sélecteurs niveau 4 » :

Un « brouillon de l'éditeur de sélecteurs niveau 4 » plus récent inclut la pseudo-classe relationnelle :has(). Cette construction permet la sélection des éléments en fonction de leur contenu. En utilisant :has(), l'exemple ci-dessus apparaît comme suit :

p:has(span) {
    color: red;
}

Ce sélecteur sélectionnera tous les fichiers

les éléments qui contiennent un enfant.

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!

Déclaration:
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