There is also a more useful selector sub-selector, that is, the greater than symbol (>), which is used to select the first-generation child elements of the specified label element. For example, the code in the code editor on the right:

.food>li{border:1px solid red;}

This line of code will add a red solid border to the sub-element li (fruits, vegetables) under the class name food.