CSS peut-il sélectionner un élément en fonction de ses éléments enfants ?

Sélecteur CSS : cibler des éléments avec des éléments enfants spécifiques

Le CSS peut-il sélectionner un élément en fonction de ses éléments enfants ? Bien que cela soit possible dans certains frameworks, la réponse pour le CSS pur est actuellement négative.

Limitations CSS2 et CSS3

Les spécifications CSS2 et CSS3 existantes ne disposent d'aucun mécanisme pour les sélecteurs parents. Cela signifie qu'un sélecteur ne peut pas cibler directement un élément en fonction de ses éléments enfants.

Spécifications évolutives

La question des sélecteurs parents est en discussion depuis des années, avec divers solutions proposées. Une proposition antérieure a introduit le concept de « sujets », permettant un style ciblé des éléments au sein d'une chaîne de sélection. Cependant, cette fonctionnalité a été abandonnée par la suite.

Développements récents : :has() Pseudo-Class

Le dernier « brouillon de l'éditeur de sélecteurs niveau 4 » introduit le « :has ()" pseudo-classe relationnelle. Cette pseudo-classe permet aux auteurs de sélectionner des éléments en fonction de leurs enfants. Par exemple, pour sélectionner tous les paragraphes qui contiennent une étendue, on pourrait utiliser :

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

Statut actuel

Bien que prometteur, il est important de noter que le " : La pseudo-classe has()" est encore au stade de projet et pourrait subir d'autres modifications. En tant que tel, il se peut qu'il ne soit pas largement pris en charge dans les navigateurs actuels.

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!