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

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!