Que signifie le symbole supérieur à en CSS

Le symbole supérieur à en CSS est un sélecteur d'élément enfant unique à CSS3. Le sélecteur d'élément enfant ne peut sélectionner que les éléments qui sont des éléments enfants d'un certain élément. Sa syntaxe est telle que "h1 > strong {color". :rouge;}".

L'environnement d'exploitation de cet article : système Windows10, CSS3, ordinateur Thinkpad T480.

Recommandé : "Tutoriel vidéo CSS"

Le symbole supérieur à (">") en CSS représente le sélecteur de sous-éléments spécifique à CSS3 (élément>élément ) . Les sélecteurs d'enfants ne peuvent sélectionner que les éléments qui sont les enfants d'un élément.

Si vous ne souhaitez sélectionner aucun élément descendant, mais souhaitez restreindre la portée et sélectionner uniquement les éléments enfants d'un certain élément, veuillez utiliser le sélecteur Enfant.

Par exemple, si vous souhaitez sélectionner uniquement les éléments forts qui sont des enfants des éléments h1, vous pouvez écrire :

h1 > strong {color:red;}

Cette règle transformera les deux éléments forts en dessous du premier h1 en rouge, mais le fort dans le deuxième h1 n'est pas affecté :

Exemple :

This is very very important.
This is really very important.

sélecteur d'élément enfant CSS

element>le sélecteur d'élément est utilisé pour sélectionner un élément parent spécifique.

Remarque : Si l'élément n'est pas sélectionné, vous ne pouvez pas spécifier directement l'élément enfant du parent.

Le sous-sélecteur utilise le signe supérieur à (symbole de sous-combinaison).

Il peut y avoir des espaces des deux côtés du symbole de sous-combinaison, ce qui est facultatif. Il n'y a donc aucun problème avec l'écriture suivante :

h1 > strong
h1> strong
h1 >strong
h1>strong

S'il est lu de droite à gauche, le sélecteur h1 > strong peut être interprété comme "sélectionner tous les éléments forts qui sont enfants de l'élément h1".

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!