css > symbol
The ‘>’ symbol is called the child selector. CSS rules will be applied to
elements which are direct children of the particular element.
Example
The following code will target all the <p> tags which are immediate children of container
<div>.
div.container > p {
border-bottom: 1px dashed black;
}