sélecteur d'enfant
Il existe également un sous-sélecteur de sélection plus utile, à savoir le symbole supérieur à (>), qui est utilisé pour sélectionner les éléments enfants de première génération de l'élément d'étiquette spécifié. Par exemple, le code dans l'éditeur de code à droite :
.food>li{border:1px solid red;}
Cette ligne de code ajoutera une bordure pleine rouge au sous-élément li (fruits et légumes) sous le nom de classe food.