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

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

Patricia Arquette

Libérer： 2024-11-21 04:16:12

original

666 Les gens l'ont consulté

Can CSS Select Elements Based on Their Child Elements?

Sélecteur CSS pour les éléments avec un élément enfant spécifique

Question : Est-il possible de créer un sélecteur CSS qui sélectionne tous les éléments qui ont un élément enfant spécifique ? Par exemple, pour sélectionner tous les

les éléments qui contiennent un element?

Réponse :

Malheureusement, les spécifications des sélecteurs CSS2 et CSS3 ne permettent pas la sélection des parents. Cela signifie qu'il n'est pas possible de sélectionner nativement un élément en fonction de ses éléments enfants.

Développements récents :

Cependant, la spécification des sélecteurs CSS a subi des modifications récemment. Alors qu'une précédente « version de travail des sélecteurs de niveau 4 » incluait une fonctionnalité « sujet » pour sélectionner l'élément qui devait recevoir des styles, cette fonctionnalité a été supprimée dans les versions ultérieures.

Pseudo-classe relationnelle : :has( )

Un « brouillon de l'éditeur de niveau 4 de sélecteurs » plus récent inclut la pseudo-classe relationnelle « :has() », qui permet aux auteurs de sélectionner des éléments en fonction de leur contenu. Cela assure la compatibilité avec le pseudo-sélecteur personnalisé ":has()" de jQuery.

En utilisant ":has()", l'exemple susmentionné peut être écrit comme :

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

Copier après la connexion

Ce sélecteur sera tout sélectionner

les éléments qui contiennent un élément et stylisez-les avec une couleur rouge. Il est important de noter que cette solution peut ne pas être prise en charge de manière uniforme sur tous les navigateurs.

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!