Comment puis-je styliser les éléments suivant un élément spécifique à l'aide des sélecteurs CSS ?

Localisation de l'élément suivant à l'aide de sélecteurs CSS

En CSS, la spécification de styles pour les éléments qui suivent un autre élément peut être obtenue à l'aide du sélecteur frère adjacent . Cette syntaxe est particulièrement utile pour styliser des éléments qui succèdent immédiatement à un sélecteur particulier.

Par exemple, considérons un scénario dans lequel vous souhaitez appliquer la propriété clear:both à tous les éléments

les balises qui suivent un

élément avec la classe "hc-reform."

Le sélecteur fourni, h1.hc-reform > p, tente de cibler les éléments enfants de h1.hc-reform, qui dans ce cas ne sont pas présents. Pour spécifier le frère adjacent à la place, vous devez utiliser le signe plus ( ).

La syntaxe correcte pour ce sélecteur est :

h1.hc-reform + p {
  clear:both;
}

Ce sélecteur stylisera efficacement tous les

balises qui suivent l'élément h1.hc-reform.

Remarque : Cette méthode n'est pas prise en charge dans Internet Explorer version 6 et antérieure.

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!