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.