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

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

Linda Hamilton

Libérer： 2024-12-03 14:32:11

original

150 Les gens l'ont consulté

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 :