Comment puis-je sélectionner des éléments en fonction de leurs éléments enfants en CSS ?

Sélection d'éléments avec des éléments enfants spécifiques en CSS

En CSS, comment pouvez-vous sélectionner des éléments en fonction de la présence d'un élément enfant spécifique ?

Possible ?

Malheureusement, CSS2 et CSS3 ne prend pas en charge la sélection des parents, ce qui rend impossible la sélection d'un élément en fonction de ses éléments enfants.

Modifications des spécifications

Malgré les discussions au fil des années, aucun consensus n'a été trouvé. été atteint sur les sélecteurs parents en CSS. Voici un aperçu des changements potentiels :

Sélecteurs de sujet (obsolètes)

Une ancienne version de la « version de travail des sélecteurs de niveau 4 » proposait l'utilisation de sélecteurs de « sujet », mais cette fonctionnalité a été abandonnée et ne sera pas implémentée.

Pseudo-classe relationnelle : :has()

Un « brouillon de l'éditeur de sélecteurs niveau 4 » plus récent inclut « :has() » comme pseudo-classe relationnelle. Cette pseudo-classe permet aux auteurs de sélectionner un élément en fonction de son contenu. Par exemple :

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

Ce sélecteur appliquerait la couleur rouge à tout élément de paragraphe (

) qui contient une étendue ().

Remarque : Ces modifications de spécifications sont sujettes à des révisions, donc l'exactitude de ces informations peut varier.

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!